Page MenuHomePhabricator

OOjs UI dropdowns are cut off in Timeless on some special pages
Closed, ResolvedPublic

Description

The dropdown for namespace selector in the tidy-font-bug error doesn't work in Timeless (no dropdown displays). I have a workaround, which is to add ?namespace=<namespacenumber> to the URL, or to hit Search and then just add the namespace number in the URL.

I would guess this is an incompatibility with OOjs.

Firefox 57 on Windows 10.

image.png (980×1 px, 170 KB)

Event Timeline

Izno updated the task description. (Show Details)
Izno updated the task description. (Show Details)

You got it wrong, it’s not a bug that is described in T180138, it is a different bug within the Timeless skin. For example, it works just fine in Vector, albeit with bigger paddings around the field.

matmarex updated the task description. (Show Details)

This looks funky. It seems like there's an 'overflow: hidden;' set on some element there, preventing the dropdown from extending. (As a workaround, you can also use arrow keys to navigate the dropdown.)

This isn't specific to Linter, the same issue affects other special pages, e.g. Special:ListUsers:

https://en.wikipedia.org/wiki/Special:ListUsers?useskin=timeless

image.png (980×1 px, 145 KB)

(In this case the dropdown is not the last item in the form, so *some* of the dropdown menu is visible, but it's still limited to the bordered box. It should extend to the bottom of the screen.)

matmarex renamed this task from Special:Linterrors dropdown doesn't work in Timeless to OOjs UI dropdowns are cut off in Timeless on some special pages.Nov 23 2017, 7:09 PM

Change 393113 had a related patch set uploaded (by Bartosz Dziewoński; owner: Bartosz Dziewoński):
[mediawiki/skins/Timeless@master] Remove 'overflow: auto' from .box() mixin

https://gerrit.wikimedia.org/r/393113

Change 393113 merged by jenkins-bot:
[mediawiki/skins/Timeless@master] Remove 'overflow: auto' from .box() mixin

https://gerrit.wikimedia.org/r/393113

matmarex claimed this task.
matmarex removed a project: Patch-For-Review.