Fixed image not fixing in Firefox


#1

I have a rough demo page here and I am trying to use a fixed image in a (@tav ) BWD Sections Angle. It works in Chrome and Safari but not Firefox. Any clue why?

It’s about a 1/3 of the way down, titled GOLIDZ Applications.

Anyone know why that might be?


#2

It’s not working in Safari on my iPad either.


#3

iOS does not support background-attachment:fixed so normal scroll on iPad is to be expected.

Looks like a bug in Firefox to me. I will investigate but as it is just one line of CSS that has worked since 2015 I suspect we will just have to wait for a Firefox update. I suspect the bug is due to fixing an element with a transform on it (i.e. the skew).

EDIT: Yes it is. If I remove the skew transformation then it instantly fixes in Firefox. That’s that then.


#4

Beauty, thanks for investigating!