Skip to content
This repository has been archived by the owner on Aug 5, 2019. It is now read-only.

TypeAhead suggestion list / listbox position bug on IE10, 11 #508

Open
otonglet opened this issue Aug 8, 2014 · 2 comments
Open

TypeAhead suggestion list / listbox position bug on IE10, 11 #508

otonglet opened this issue Aug 8, 2014 · 2 comments

Comments

@otonglet
Copy link

otonglet commented Aug 8, 2014

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 !

prtscrn_autocomplete_bug

prtscrn_listbox_bug

@otonglet otonglet changed the title TypeAhead: suggestion list position bug on IE10 TypeAhead: suggestion list position bug on IE10, 11 Aug 8, 2014
@otonglet otonglet changed the title TypeAhead: suggestion list position bug on IE10, 11 TypeAhead suggestion list / listbox position bug on IE10, 11 Aug 8, 2014
@otonglet
Copy link
Author

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

@reinert
Copy link
Contributor

reinert commented Sep 16, 2014

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.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants