Page MenuHomePhabricator

ULS appears in unexpected place when window is resized above mobile breakpoint
Closed, ResolvedPublic1 Estimated Story PointsBUG REPORT

Description

Steps to replicate the issue (include links if applicable):

  • Go to any page on a wiki that has the ULS rewrite enabled, like translatewiki.net: https://translatewiki.net/wiki/Special:Random
  • Resize the browser window to a width that is lower than 768px (= @uls-rewrite-breakpoint-tablet)
  • Reload the page (important!)
  • Click the language selector at the top of the page
  • Change the size of the window to be bigger than the breakpoint (so more than 768px)

What happens?:

  • The ULS goes from a full-width overlay to the standard box, but its location is below the rest of the page content, instead of it floating near the trigger like it does otherwise

Screenshot_20260517_123320.png (1,043×760 px, 64 KB)

What should have happened instead?:

  • When the window is resized to above the breakpoint, the ULS should attach itself to its trigger, like it does when the window was always at that size.

Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):

Event Timeline

jhsoby renamed this task from ULS appears in unexpected place if window is resized to ULS appears in unexpected place when window is resized above mobile breakpoint.Sun, May 17, 10:36 AM

Change #1288136 had a related patch set uploaded (by Jon Harald Søby; author: Jon Harald Søby):

[mediawiki/extensions/UniversalLanguageSelector@master] ULS rewrite: Improve floating style handling

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

abi_ set the point value for this task to 1.
abi_ moved this task from Backlog to In progress on the LPL Projects (ULS rewrite) board.
abi_ moved this task from Backlog to Pending Deployment on the LPL Essential (FY2025-26 Q3&4) board.

Change #1288136 merged by jenkins-bot:

[mediawiki/extensions/UniversalLanguageSelector@master] ULS rewrite: Improve floating style handling

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

Works fine locally, but I don't have minerva skin installed so I cannot test that part.