Not working with position fixed.

Question

Not working with position fixed.

Opened this issue a year ago · 4 comments

I tried it. It kind of works until I noticed children elements with position : fixed acting as position : relative. Which breaks the site.

I found that this scripts uses filter property. But is there anything can be done to fixed this issue?

But otherway nice tool.

Answer 1 · 2024-02-15T05:53:22.000Z

According to specs:

A value other than none for the filter property results in the creation of a containing block for absolute and fixed positioned descendants unless the element it applies to is a document root element in the current browsing context.

@bufferhead-code I wonder if this can be solved by putting the filter on html (root) element instead of body.

Answer 2 · 2024-02-18T19:22:50.000Z

i'd accept PRs with solutions for the position: fixed problem

Answer 3 · 2024-09-16T17:41:41.000Z

i'd accept PRs with solutions for the position: fixed problem

i tried to make a navbar, with position: fixed;, it did not work, so i used position: sticky; and top: 0;, it made the navbar fixed, but not the toggle theme button, any thoughts on this?

Answer 4 · 2024-09-16T17:43:12.000Z

i tried to make a navbar, with position: fixed;, it did not work, so i used position: sticky; and top: 0;, it made the navbar fixed, but not the toggle theme button, any thoughts on this everyone?