TypeAhead suggestion list / listbox position bug on IE10, 11

[otonglet]

Hi there,

On a page that's longer than the height of the screen, if you scroll down a little bit, the suggestion list of the TypeAhead widget's position is wrong.
The distance to the top is relative to the top of the page and not the top of the screen. Hence if you scroll down the suggestions are going to appear over or above the input box (cfr first screenshot).

We are using GWT 2.5.1 and GWT-bs 2.3.2.0
With GWT-bs 2.2.1.0 that we used previously, the horizontal alignment is also wrong. But it's not an issue anymore with 2.3.2.0.
As far as we know this happens on IE 10 and IE 11. We also tested Chrome 36, Firefox 26 which all work fine.

As for the listboxes, they appear over the input box most of the time, not under them (cfr. second screenshot). This issue is visible even when I'm at the top of the page.

Could anyone help us with this issue or point us to the right direction (i.e. where is the script that calculates the suggestion list's distance to the top) ?

Thanks for your help !

[otonglet]

I switched to GWT's default SuggestBox. Anyway if someone has ac lue I'd be glad to return to bs' typeahead implementation.

[reinert]

I recommend you to use the SuggestBox widget. Its compatibility is guaranteed, being a native component, and the style was purposely modified to look like the twbs-typeahead, replacing the use of the latter.