UX: Make autocomplete usable on mobile.

2015-09-03 00:09:44 +08:00 · 2015-09-03 00:09:44 +08:00 · a77d5d0cef
parent a0dd0bf1af
commit a77d5d0cef
1 changed files with 7 additions and 0 deletions
--- a/app/assets/javascripts/discourse/lib/autocomplete.js.es6
+++ b/app/assets/javascripts/discourse/lib/autocomplete.js.es6
@ -220,6 +220,13 @@ export default function(options) {
      vOffset = div.height();
    }

+    if (Discourse.Mobile.mobileView && !isInput) {
+      div.css('width', 'auto');
+
+      if ((me.height() / 2) >= pos.top) { vOffset = -23; }
+      if ((me.width() / 2) <= pos.left) { hOffset = -div.width(); }
+    }
+
    var mePos = me.position();
    var borderTop = parseInt(me.css('border-top-width'), 10) || 0;
    div.css({