There is a rendering issue with CSS filter when I enable this experimental feature in MS Edge on Windows 10.
Let me make an example:
- a site with huge content that is scrollable
- element with CSS filter & position of fixed
What happened in edge:
- the filtered element has display problem, and is not fixed
Is this my display issue or any experimental problems? Thanks! :D
Appearance on Edge:
1a Edge, at the top of the page
Image may be NSFW.
Clik here to view.
1b Edge, at the middle of the page
Image may be NSFW.
Clik here to view.
1c Edge, at the bottom of the page
Image may be NSFW.
Clik here to view.
2a Firefox, at the top of the page
Image may be NSFW.
Clik here to view.
2b Firefox, at the middle of the page
Image may be NSFW.
Clik here to view.
2c Firefox, at the bottom of the page
Image may be NSFW.
Clik here to view.
Code Reference:
<!DOCTYPE html><html><head><title>Test</title><style>
#fixed {
; /*posi tion: fixed (blank omitted; this rule is block by the site) */
filter: invert(.8);
background-color: #f00;
width: 50%;
height: 50%;
right: 0;
top: 0;
}</style></head><body><div id="fixed"></div><p>
asdfkhasdf ]sadf asdf asdfijsajdfois<br>djaifju s8adufsd8au 8fuaso<br>dij fo8asudf udasdfoiu saidj<br><br>foi jsadifo<br>j 8sadu<br>f<br>asodiufj 8suadjfija<br>sdjof jasd<br>uifoiasj ofdjisaoifj sidaufjousjad
asdfiou isodauf89uIB8<br>yhsdIYH*HFiu lFliUJUFl<br>uihluhDFJOi * *SDUiodfj IDOFJLIDFS8i kdflJKDLSFHNj nldfpsjfl<br>kjds lKFJLj kldfjklj dsjkL ljFL j<br>dflsj
FDj ljDFSL Jlijd lfsLJ<br>DSLKjlS JDFLjdjlsfjlDJ<br>Fidjfs dis<br>fljlskjdflJ lksDJ lsdfj</p><p>
asdfkhasdf ]sadf asdf asdfijsajdfois<br>djaifju s8adufsd8au 8fuaso<br>dij fo8asudf udasdfoiu saidj<br><br>foi jsadifo<br>j 8sadu<br>f<br>asodiufj 8suadjfija<br>sdjof jasd<br>uifoiasj ofdjisaoifj sidaufjousjad
asdfiou isodauf89uIB8<br>yhsdIYH*HFiu lFliUJUFl<br>uihluhDFJOi * *SDUiodfj IDOFJLIDFS8i kdflJKDLSFHNj nldfpsjfl<br>kjds lKFJLj kldfjklj dsjkL ljFL j<br>dflsj
FDj ljDFSL Jlijd lfsLJ<br>DSLKjlS JDFLjdjlsfjlDJ<br>Fidjfs dis<br>fljlskjdflJ lksDJ lsdfj</p><p>
asdfkhasdf ]sadf asdf asdfijsajdfois<br>djaifju s8adufsd8au 8fuaso<br>dij fo8asudf udasdfoiu saidj<br><br>foi jsadifo<br>j 8sadu<br>f<br>asodiufj 8suadjfija<br>sdjof jasd<br>uifoiasj ofdjisaoifj sidaufjousjad
asdfiou isodauf89uIB8<br>yhsdIYH*HFiu lFliUJUFl<br>uihluhDFJOi * *SDUiodfj IDOFJLIDFS8i kdflJKDLSFHNj nldfpsjfl<br>kjds lKFJLj kldfjklj dsjkL ljFL j<br>dflsj
FDj ljDFSL Jlijd lfsLJ<br>DSLKjlS JDFLjdjlsfjlDJ<br>Fidjfs dis<br>fljlskjdflJ lksDJ lsdfj</p><p>
asdfkhasdf ]sadf asdf asdfijsajdfois<br>djaifju s8adufsd8au 8fuaso<br>dij fo8asudf udasdfoiu saidj<br><br>foi jsadifo<br>j 8sadu<br>f<br>asodiufj 8suadjfija<br>sdjof jasd<br>uifoiasj ofdjisaoifj sidaufjousjad
asdfiou isodauf89uIB8<br>yhsdIYH*HFiu lFliUJUFl<br>uihluhDFJOi * *SDUiodfj IDOFJLIDFS8i kdflJKDLSFHNj nldfpsjfl<br>kjds lKFJLj kldfjklj dsjkL ljFL j<br>dflsj
FDj ljDFSL Jlijd lfsLJ<br>DSLKjlS JDFLjdjlsfjlDJ<br>Fidjfs dis<br>fljlskjdflJ lksDJ lsdfj</p></body></html>