Chrome Version       : 68.0.3440.106
OS Version: OS X 10.12.6
URLs (if applicable) : https://codepen.io/anon/pen/MqwLLp
Other browsers tested:
  Add OK or FAIL after other browsers where you have tested this issue:
     Safari: OK
    Firefox: Fail
    IE/Edge:

What steps will reproduce the problem?
1. add a css filter prop to an element
2. add a child with fixed positioning


What is the expected result?
child should be fixed relative to viewport

What happens instead of that?
child behaves as if it's absolutely positioned relative the parent

Please provide any additional information below. Attach a screenshot if
possible.
Related issue on StackOverflow:
https://stackoverflow.com/questions/51589185/css-filter-invert-rule-breaking-fixed-position-on-chrome-68

UserAgentString: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36