https://github.com/rdela/safari-css-filter-update
Demonstration of Safari CSS filter update bug
https://github.com/rdela/safari-css-filter-update
bug safari webkit
Last synced: about 1 month ago
JSON representation
Demonstration of Safari CSS filter update bug
- Host: GitHub
- URL: https://github.com/rdela/safari-css-filter-update
- Owner: rdela
- Created: 2022-11-26T09:11:33.000Z (over 2 years ago)
- Default Branch: trunk
- Last Pushed: 2022-11-26T09:46:44.000Z (over 2 years ago)
- Last Synced: 2025-03-17T00:46:15.638Z (about 1 month ago)
- Topics: bug, safari, webkit
- Language: HTML
- Homepage: https://rdela.github.io/safari-css-filter-update/
- Size: 1.95 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Safari/WebKit CSS Filter Update Bug
Open [index.html](./index.html) in Safari, or visit
Open Web Inspector and watch the buttons aria-selected attributes values change while clicking them. Observe how the CSS filter [grayscale(100%) unless aria-selected is true, then 0%] is not applied consistently when the values change. Try the same in Chromium and Firefox browsers. Oddly, in Safari, display only seems to update to the correct value when window focus changes or when Web Inspector is opened or closed.