Page MenuHomePhabricator

Watchlist Expiry: popup is blocked by other elements in Monobook
Closed, ResolvedPublic

Description

Watchlist Expiry: unable to set time from toast in monobook

Note, works in vector.

In monobook, when the expiry popup appears, it does not extend beyond the content area, hiding the dropdown if the page is very short (example)

Screenshot from 2020-08-12 13-39-28.png (286×463 px, 36 KB)

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
MusikAnimal subscribed.

Thanks for reporting this!

MusikAnimal renamed this task from Watchlist Expiry: toast control is blocked by other elements to Watchlist Expiry: popup is blocked by other elements in Monobook.Aug 12 2020, 5:33 PM
MusikAnimal updated the task description. (Show Details)

Change 619841 had a related patch set uploaded (by MusikAnimal; owner: MusikAnimal):
[mediawiki/skins/MonoBook@master] Prevent mw-notification from being cut-off

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

I'm wondering if this can be fixed by the same fix as for T260413: https://gerrit.wikimedia.org/r/c/mediawiki/core/+/620145

I've tested it and it looks like it will fix it.

Change 620145 had a related patch set uploaded (by Samwilson; owner: Samwilson):
[mediawiki/core@master] Move notification overlay outside mw-body

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

Another (very minor) issue that the above patch seems to fix is that with $wgResourceLoaderDebug = true the notification area (on first load) flashes in at the top of the content area, before being moved out to the side. I can't reproduce this in production though, and in test it's only happening when triggering a notification manually from the JS console.

Change 620145 merged by jenkins-bot:
[mediawiki/core@master] Move notification overlay outside $content

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

Change 619841 abandoned by MusikAnimal:
[mediawiki/skins/MonoBook@master] Prevent mw-notification from being cut-off

Reason:
superseded by https://gerrit.wikimedia.org/r/c/mediawiki/core/ /620145/

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

Change 626783 had a related patch set uploaded (by HMonroy; owner: HMonroy):
[mediawiki/core@master] Move notification overlay outside $content

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

Change 626918 had a related patch set uploaded (by Samwilson; owner: Samwilson):
[mediawiki/core@master] Move notification area to end of body

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

Change 626927 had a related patch set uploaded (by Samwilson; owner: Samwilson):
[mediawiki/skins/MonoBook@master] Set top offset for notifications

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

@Samwilson I notice after applying patch 626927 locally the height/bottom padding of the tabs ("page", "discussion", "edit") is larger. This is on MonoBook.

Also, after applying 626918 the font size in the notification popup seems smaller on MonoBook (Modern skin has similar problems).

Local:

monobook_local.png (1×1 px, 208 KB)

Testwiki:

monobook_testwiki.png (1×1 px, 212 KB)

Change 626783 abandoned by HMonroy:
[mediawiki/core@master] Move notification overlay outside $content

Reason:
A new solution has been developed in patch: https://gerrit.wikimedia.org/r/c/mediawiki/core/ /626918

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

Thanks for finding that error @Dom_Walton. I'm not able to replicate it – what are your browser font settings? Anyway maybe it's fixed in the latest patchset (returning to ems instead of rems for the size of that top area). Could you see what it looks like? Also the font size issue should be fixed.

Thanks for finding that error @Dom_Walton. I'm not able to replicate it – what are your browser font settings?

Ah, interesting. So I was able to reproduce on Firefox and Chromium, both with font size 16 (which I believe is the default). But, if I change the font size larger or smaller (even by a small amount) the issue does not appear.

Anyway maybe it's fixed in the latest patchset (returning to ems instead of rems for the size of that top area). Could you see what it looks like?

Thanks, now local looks the same as testwiki on Firefox and Chromium, even when changing browser font sizes.

Also the font size issue should be fixed.

Again, local and testwiki look the same to me on Firefox and Chromium.

Change 626918 merged by jenkins-bot:
[mediawiki/core@master] Move notification area to end of body

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

Change 626927 merged by jenkins-bot:
[mediawiki/skins/MonoBook@master] Set top offset for notifications

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

I cannot reproduce this anymore on MonoBook, nor any of the other skins (Vector new and legacy, Minerva, Modern and Timeless) and mobile.

As in T260413, I tested with different levels of zoom on Firefox and Safari.

For more details of the other testing done for this change, see T260432.

Test Environment: Various different versions of https://en.wikipedia.beta.wmflabs.org.

ifried subscribed.

I have tested this on beta, and the bug is no longer reproducible. Screenshot example provided below for a page that has minimal text (i.e., a case where we previously saw the issue occur). The pop-up is now behaving as expected. I'm marking this work as Done.

Screen Shot 2020-09-21 at 7.14.13 PM.png (319×853 px, 80 KB)