CSS Filter invert rule breaking fixed position on Chrome 68 [duplicate] CSS Filter invert rule breaking fixed position on Chrome 68 [duplicate] google-chrome google-chrome

CSS Filter invert rule breaking fixed position on Chrome 68 [duplicate]


It looks like a bug on Google Chrome 68, but you can solve this using the <html> element instead of the <body> element:

html {  height: 8000px;  filter: invert(0.85);}div {  position: fixed;  top: 0;  left: 0;  bottom: 0;  height: 100px;  width: 100px;  border: 1px solid black;}
<div></div>