issue with menu position

[kanle485]

When i try to use this plugin in a modal, the menu is not showing in the correct position. I think this is caused by

show: function () {

  var pos = this.$element.position();
  var height = this.$element[0].offsetHeight;

  this.$menu
    .appendTo('body') 
    .show()
    .css({
      position: "absolute",
      top: pos.top + height + "px",
      left: pos.left + "px"
    });

  this.shown = true
  return this

}


in the show function it appends the menu to body (??)
it is originally

.insertAfter(this.$element)


in typeahead plugin. In my tests changing that line fixes the incorrect positioning problem of the menu

[kfiil]

I got the same problem, @kanle485 solution worked for me too

[jonnymacs]

another way to fix this is to use .offset() instead of .position() to get the absolute coordinates of the editable div

change

var pos = this.$element.position();

to

var pos = this.$element.offset();

[pachisaez]

Neat solution, @jonnymacs