1082805 - Modal dialogs on bedrock not visible if scrolled down too far in Firefox for Android

Status: RESOLVED FIXED

(www.mozilla.org :: Bedrock, defect)

Description

[Steven Garrity [:sgarrity]]

Go to a page with the mozilla-modal.js pager, like https://www.mozilla.org/en-US/firefox/os/ in Firefox for Android.

Scroll down a bit until the "Sign me up" button is near the top of the viewport, then tap the "Sign me up" button.

Notice how you are NOT taken to the top of the page/modal. If the button happened to be further down the page (as it is on the new /contribute/ page), the modal is not visible at all initially.

It appears that the following CSS [1] is not having the desired effect in Firefox for Android:

  html.noscroll body {
    overflow: hidden;
  }

[1] https://github.com/mozilla/bedrock/blob/bb6bb4b6e5e2094578d0e73b2f14ba1c2fe3f7a8/media/css/base/mozilla-modal.less#L7

Comment 1

[Mike Alexis [:malexis]]

This page got a refresh since the bug was filed and all looks good to me. If still an issue, please reopen.