this post was submitted on 01 Jun 2024
12 points (100.0% liked)
Firefox Customs
4 readers
1 users here now
Post your unsupported Firefox customizations here!
From the makers of r/FirefoxCSS
Links
Related
Rules
- Posts must have flair!
- Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
- Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
- When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
- Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.
founded 1 year ago
you are viewing a single comment's thread
view the rest of the comments
view the rest of the comments
The same will also happen with
filter
,transform
and a few other properties. The reason is that when these properties are applied then a new containing block is formed, and that will causefixed
andabsolute
positioned children to behave somewhat unexpectedly in they now "appear to reserve space" whereas normally they don't. In this case the newtab options menu is fixed positioned, and thus if thebody
has backdrop-filter then the menu box causes the page to overflow.There is an exception to that mentioned containing-block formation though; if you apply the property (such as
backdrop-filter
here) to the document root element then no extra containing block is generated. I suppose it should be pretty simple to just apply your rule to:root
instead ofbody
.thanks for the explanation but I can't get it to work. you said
:root
but I don't understand how, I saw a div called root inside body element, I tried too apply to html jeje I don't know, maybe I should start to love the scroll.I mean simply like this:
Alternatively
html
selector would also work to refer to the document root element - about:newtab is a html document after all.