www.kent.edu - The Cookie consent scrolls with the page

[webcompat-bot]

URL: https://www.kent.edu/csi/prizes

Browser / Version: Firefox Focus 7.0.12
Operating System: Android 8.0.0
Tested Another Browser: Yes

Problem type: Something else
Description: The cookie message scrolls with the page. It should be fixed.with
Steps to Reproduce:
Scroll up and down

From webcompat.com with ❤️

[softvision-sergiulogigan]

I confirm the issue.

Tested on Samsung Galaxy S6 (Android 7.0) - 1440 x 2560 pixels (~577 ppi pixel density) and Firefox Focus 7 with GV both enabled and disabled.

[karlcow]

Not on happening on Firefox Nightly 65 2018-10-28 on Pixel2 but indeed can be reproduced on Firefox GeckoView.

And it seems to be synchronized with the appearance disappearance of the top URL bar, which might contribute to the window height in some ways.

This seems to be a GeckoView Focus bug more than a core bug. It doesn't reproduce on Firefox Nightly. Or maybe this is fixed in nightly because of the work of botond and hiroyuki.

[karlcow]

<div id="sliding-popup" style="height: auto; width: 100%; bottom: 0px;" class="sliding-popup-bottom">
  <div>
    <div class="popup-content info">
      <div id="popup-text">
        <style type="text/css">
        < !--
        /*--><![CDATA[/* ><!--*/

        < !--

        /*--><![CDATA[/* ><!--*/
        #sliding-popup .popup-content {
          max-width: 1024px;
          padding: 15px;
          padding-right: 60px;
          position: relative;
          min-height: 58px;
        }

        @media screen and (max-width: 600px) {
          #sliding-popup .popup-content {
            max-width: 1024px;
          }

          #sliding-popup .popup-content #popup-buttons {
            margin: 0;
          }
        }

        #sliding-popup .popup-content #popup-text {
          margin: 0;
          max-width: 90%;
        }

        #sliding-popup .popup-content #popup-text a,
        #sliding-popup .popup-content #popup-text a:link,
        #sliding-popup .popup-content #popup-text a:visited,
        #sliding-popup .popup-content #popup-text a:hover,
        #sliding-popup .popup-content #popup-text a:focus,
        #sliding-popup .popup-content #popup-text a:active {
          color: inherit;
        }

        #sliding-popup .popup-content #popup-text p {
          font-size: 14px;
        }

        #sliding-popup .popup-content #popup-buttons {
          position: absolute;
          top: 30%;
          right: 15px;
        }

        #sliding-popup .popup-content #popup-buttons button {
          margin: 0;
          padding: 4px 2px;
        }

        /*--><!]]]]><![CDATA[>*/

        /*--><!]]>*/
        </style>
        <p>We use cookies to give you the best experience and to help improve our website.&nbsp;&nbsp;<a href="/privacy-statement#cookies">View Privacy Statement.</a></p>
      </div>
      <div id="popup-buttons">
        <button type="button" class="agree-button eu-cookie-compliance-default-button">GOT IT</button>
      </div>
    </div>
  </div>
</div>

and

.sliding-popup-bottom {
	position: fixed;
}
#sliding-popup {
	margin: 0;
	padding: 0;
	width: 100%;
	z-index: 99999;
	left: 0;
	text-align: center;
}

[karlcow]

Let's close as a duplicate of mozilla-mobile/focus-android#3785