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.
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!
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 currentposition: absolute;
If I simple change the position to Fixed though then the
top
andleft
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!