Changes to detach dropdown and append to body, and absolutely position
dropdown. Fixes clipping problems with overflowing.
Signed-off-by: Igor Vaynberg <igor.vaynberg@gmail.com>
- The hidden search box is displayed off-screen instead of taken off the dom.
- User can type a search, but instead of filtering the results, just highlight the first matching result.
Signed-off-by: Igor Vaynberg <igor.vaynberg@gmail.com>
Made the dropdown menu positioned via pure css instead of using
javascript to constantly adjust its position. YAY PERFORMANCE!
Signed-off-by: Igor Vaynberg <igor.vaynberg@gmail.com>
- Remove absolute positioning from search input, and use inline-block with width 100% and padding.
- Remove hardcoded search results margin (space is consumed by non-absolute, inline-block search wrapper)
- Will not work with styles specified in remote CSS, because there's no easy way to retrieve the original css value.
- Will work with styles specified inline on the element (regex parse out width value with specified units intact, from the element style attribute)
Tested in Firefox,Chrome,Safari,Opera
