Usability issue with _HasDropDown and maxHeight=-1 on iPad

[Paul Christopher]

Description

See screenshot above: Typing works perfectly but you cannot choose all entries from the drop-down list: Parts of the entries are blocked by the semi-transperent top border. Scrolling the list does not work (but maybe I am not used to all the gestures on the iPad): Touching the drop down selects an entry but does not scroll the list. My impression is even this: The maxHeight of the drop down is calculated before the keyboard opens, thus the drop down is far too big. Does the calculation need a setTimeout?

Steps to reproduce the issue

Visit ​http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html with an iPad, select tab "Select Widgets" and focus the FilteringSelect widget. Type in 'A' and try to choose "Armed Forces Pacific" from the list.

Discussion

Don't know whether anything can be done about this. In my eyes, a semi-transparent top bar of the keyboard is a design bug by Apple: It always blocks the interaction with the subjacent parts of the page. And since there is no event (like orientation change) for opening the keyboard, not much can be done? Opening the keyboard is just a resize event - as far as I can see.

[Douglas Hays]

#16336 is a duplicate of this ticket.

[Paul Christopher]

Ticket might be related to ​http://bugs.dojotoolkit.org/ticket/5777: Do not just reposition drop down but check for its size, too.

[Douglas Hays]

We need all or part of dojox/mobile/scrollable.js in dijit/ and we need a way of detecting when the keyboard overlays part of the screen. I don't think there's an actual resize event.

[bill]

Actually this is fixed by #16730.

[bill]

Duplicate of #16730.