fix bug in show-hints inset

Author: alirrah

addon/hint/show-hint.js

@@ -255,9 +255,10 @@
     }
 
     var container = completion.options.container || ownerDocument.body;
+    var marginBottom = completion.options.marginBottom || 0;
     var pos = cm.cursorCoords(completion.options.alignWithWord ? data.from : null);
-    var left = pos.left, top = pos.bottom, below = true;
-    var offsetLeft = 0, offsetTop = 0;
+    var left = pos.left, top = pos.bottom, bottom = pos.top, below = true;
+    var offsetLeft = 0, offsetTop = 0, offsetBottom = 0;
     if (container !== ownerDocument.body) {
       // We offset the cursor position because left and top are relative to the offsetParent's top left corner.
       var isContainerPositioned = ['absolute', 'relative', 'fixed'].indexOf(parentWindow.getComputedStyle(container).position) !== -1;
@@ -266,6 +267,7 @@
       var bodyPosition = ownerDocument.body.getBoundingClientRect();
       offsetLeft = (offsetParentPosition.left - bodyPosition.left - offsetParent.scrollLeft);
       offsetTop = (offsetParentPosition.top - bodyPosition.top - offsetParent.scrollTop);
+      offsetBottom = (offsetParentPosition.bottom - bodyPosition.bottom);
     }
     hints.style.left = (left - offsetLeft) + "px";
     hints.style.top = (top - offsetTop) + "px";
@@ -285,12 +287,13 @@
     var startScroll;
     setTimeout(function() { startScroll = cm.getScrollInfo(); });
 
-    var overlapY = box.bottom - winH;
+    var overlapY = box.bottom + marginBottom - winH;
     if (overlapY > 0) { // Does not fit below
       var height = box.bottom - box.top, spaceAbove = box.top - (pos.bottom - pos.top) - 2
       if (winH - box.top < spaceAbove) { // More room at the top
         if (height > spaceAbove) hints.style.height = (height = spaceAbove) + "px";
-        hints.style.top = ((top = pos.top - height) + offsetTop) + "px";
+        hints.style.top = "auto";
+        hints.style.bottom = (winH - (bottom - offsetBottom)) + "px";
         below = false;
       } else {
         hints.style.height = (winH - box.top - 2) + "px";