podio / jquery-mentions-input

MIT License
985 stars 333 forks source link

Make autocomplete list position with Fixed so it can be used inside of Modal windows. JS library TetherJS can help #151

Closed jasondavis closed 8 years ago

jasondavis commented 8 years ago

My image below shows my problem when I use the library inside my Modal window...

The popup auto-complete list of names is cut off at the bottom of my Modal window DIV. The list should be positioned using CSS position: fixed; instead of the current position: absolute;

If I simple change the position to Fixed though then the top and left position numbers are not correct.

There is a really good library called TetherJS - http://github.hubspot.com/tether/

Tether is made just for this. It is made just to help position Fixed items in reference to another item on the page. I believe this library is the answer for a simple solution to the position issues in this project.

I am not sure how to get it to work with this library yet though, it would be amazing if someone else was able to get it working or any solution to make this library position with Fixed` would be awesome!