Page MenuHomePhabricator

Drop down list of ComboBoxInputWidget with 'filterFromInput: true' gets displaced
Closed, ResolvedPublic

Description

Steps to produce:

  1. Open Code block editor
  2. Type in something for language that does not have any matches. (For example: adababa)
  3. Now click somewhere else to take the focus away from Language field
  4. Now again take your cursor back to the end of the language field and start deleting each character until there are some matching languages. (In this case: ada will have some matches)

Observe the drop down list for languages is appearing at the corner of the editor.

Screen Shot 2017-07-06 at 2.55.04 PM.png (485×1 px, 98 KB)

Event Timeline

Deskana moved this task from To Triage to TR0: Interrupt on the VisualEditor board.

I can't reproduce this in beta, probably as a side-effect of https://gerrit.wikimedia.org/r/#/c/364334/. This seems to be a real issue in OOjs UI though. The position of the menu is calculated and set while it is invisible (because it has no items shown), and it's calculated wrong.

I can reproduce the same problem with "ComboBoxInputWidget (filtering on input)" in the demos (https://doc.wikimedia.org/oojs-ui/master/demos/?page=widgets&theme=wikimediaui&direction=ltr&platform=desktop#ComboBoxInputWidget-filtering-on-input) – except in that case the menu position is so wrong, it's actually offscreen.

matmarex renamed this task from Drop down list inside Code block gets displaced to Drop down list of ComboBoxInputWidget with 'filterFromInput: true' gets displaced .Jul 12 2017, 5:25 PM
matmarex edited projects, added OOUI; removed VisualEditor.

I can no longer reproduce this. It might have been accidentally fixed by https://gerrit.wikimedia.org/r/c/oojs/ui/+/742162 (T295885).