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

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.