NOTE: impacts users resizing the window to 500px, 720-760px, 1170px - 1240px (T253819#6174864), possibly more (no systematic test done). The bug is triggered at different window widths depending on the size of the tabs (which in turn depends on font-size, language, page, login status, ...). A SWAT would be appreciated but is not critical. This can ride the train if necessary.
Not to be confused with the similar bug from 2014: T71729
This one is caused by a regression in {T249372}
The distinctive difference is: the "More" menu is not visible in this bug, but it's visible in the old bug.
Related regression that was fixed by reverting the CSS: {T253912}
This bug is caused by not reverting the JS.
Reddit video:
https://www.reddit.com/r/softwaregore/comments/gtbdwu/cant_fit_all_the_buttons_in_the_frame_wikipedia/
== Steps to reproduce
# Technology used: Chrome Version 81.0.4044.129 (Official Build) (64-bit) on MacOS Mojave 10.14.6 (18G4032)
# Navigate to a page on Mediawiki (e.g. https://www.mediawiki.org/wiki/Readers/Web/Team, or https://www.mediawiki.org/wiki/User:KZimmerman_(WMF) as in the attached gif.
# Reduce the browser window size, until you reach a point where the search bar area starts alternating its location and expanding & contracting automatically, as seen below in the animated gif.
== Expected results
- The links and search bar should contract to fit, but should not jump around
== Actual results
{F31844848}
{F31848748}
(click on image to see animation)
[[ https://www.reddit.com/r/softwaregore/comments/gtbdwu/cant_fit_all_the_buttons_in_the_frame_wikipedia/ | Popular reddit video ]].
== Environments observed
- Browser version: Chrome Version 81.0.4044.129 (Official Build) (64-bit)
- OS version: MacOS Mojave 10.14.6 (18G4032)
- Device model: MacBook Pro
- Device language: English
=== Check any additional observations
[] Observed on the [[ https://en.wikipedia.beta.wmflabs.org/wiki/Barack_Obama | beta cluster wiki ]]
[] Observed on a [[ https://en.wikipedia.org/wiki/Barack_Obama | production wiki ]]
[] Observed on [[ https://en.wikipedia.org/wiki/Barack_Obama | Vector desktop skin ]]
[] Observed on [[ https://en.m.wikipedia.org/wiki/Barack_Obama | MinervaNeue responsive skin ]]
[x] Observed while logged in
[x] Observed while //not// logged in (anonymous)
== Stack trace
```lines=10, name=Console output
```
= QA Steps
[] load https://en.wikipedia.org/wiki/Candeal as an anonymous user visit with a window width > 800px
[] Resize the window width resized to 500px
[] The menu should not dance.
= Sign off steps
[] Make sure a task has been created regarding the long term plan for this code in legacy and whether it should be dropped from the codebase.