Page MenuHomePhabricator

Issue with filter menu width on mobile (OOUI menuSelectWidget)
Open, LowPublicBUG REPORT


Highlighting can be enabled if following a URL e.g.

Visit this page in a mobile resolution (320x568).

expected: The menu width should match the width of the Filter button

image.png (1×802 px, 171 KB)

Developer notes

The element with the problem has the classes: oo-ui-widget oo-ui-widget-enabled oo-ui-selectWidget oo-ui-selectWidget-unpressed oo-ui-clippableElement-clippable oo-ui-floatableElement-floatable oo-ui-menuSelectWidget mw-rcfilters-ui-menuSelectWidget mw-rcfilters-ui-menuSelectWidget-view-namespaces

It has an inline style set including a width. The calculated width appears to be 10px too big.

Likely an issue with OOUI - "mw-rcfilters-ui-menuSelectWidget-view-namespaces" - the OOUI library sets the width and it's setting it larger than it should be. Looks like it's border box related and will likely need help from @Volker_E to fix this one.

Actual Results:

Expected Results:

Event Timeline

Jdlrobson added a subscriber: ovasileva.

Ready for discussion @ovasileva but I think this might be a tricky one and might not be worth the effort right now.

Removing task assignee due to inactivity, as this open task has been assigned for more than two years. See the email sent to the task assignee on February 06th 2022 (and T295729).

Please assign this task to yourself again if you still realistically [plan to] work on this task - it would be welcome.

If this task has been resolved in the meantime, or should not be worked on ("declined"), please update its task status via "Add Action… 🡒 Change Status".

Also see for tips how to best manage your individual work in Phabricator.