Page MenuHomePhabricator

Alerts/notifications flyouts misaligned on mobile when width=device-width is enabled
Closed, DuplicatePublicBUG REPORT

Description

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

  • Add this code to your Special:MyPage/vector-2022.js: $('meta[name=viewport]').prop('content', 'width=device-width');
  • On a mobile device, open any wikipedia page
  • Click the Alerts or Notifications icons

What happens?:

Before clickingAfter clicking
WhatsApp Image 2022-11-16 at 8.33.06 AM.jpeg (1×706 px, 114 KB)
WhatsApp Image 2022-11-16 at 8.33.07 AM.jpeg (1×702 px, 70 KB)

What should have happened instead?:
The flyout should not be misaligned and should not be empty.

Other information (browser name/version, screenshots, etc.):
Occurs on both Chrome and Firefox on Android.