• 0 Posts
  • 1 Comment
Joined 2 years ago
cake
Cake day: August 19th, 2023

help-circle
  • for anyone interested:

    the scroll not working is most likely due to the main container in the page (usually the <body> tag but it can be some other element) having the overflow: hidden CSS property assigned to it.

    overflow dictates the behavior of an element that has its content overflow past the parent element’s boundaries.

    the property can have four values:

    • visible, where the overflow is fully visible and allowed to extend past the parent element,
    • scroll, which clips the overflowing content and allows the user to scroll the parent element,
    • hidden, which clips the overflowing content and prevents scrolling, and
    • auto, which works almost identically to scroll

    most sites run a script that assigns this property with the value of hidden to the <body> tag, making the user unable to scroll the page.

    ive seen this behavior the most with sites that blast you with an unavoidable cookie banner which you have to click through to access the page. usually removing the cookie banner element is not enough to freely access the page, and so you have to additionally find which element has its overflow set to hidden and disable that property.

    i reckon youtube’s adblocker popup is doing the same thing, and coincidentally turning off fullscreen also runs a script that makes sure the overflow is set to either scroll or auto