arrow-down arrow at-sign bug check checkbox-checked checkbox-unchecked svg-checkmark chevron-right chevrons-right circle-down circle-left circle-right circle-up cloud2 svg-cross2 download download external-link filter github hash home leaf leaf left link-2 log-in log-out mail menu message-square minus plus radio-checked radio-checked2 radio-unchecked search settings spinner8 target twitter up upload-2 user users warning x zap
  • Home
  • Report a bug
  • Contribute
  • All issues
  • Login

URL: https://codepen.io/chriskirknielsen/pen/jOowrPP

Browser / Version: Safari Technology Preview 192 (Safari 17.4, WebKit 18619.1.8.1)
Operating System: Mac OS X 13.4.1
Tested Another Browser: Yes Firefox

Problem type: Something else
Description: SVG filter defined in CSS not applying to element
Steps to Reproduce:
When applying a filter onto an element based on an SVG filter, whether it is inline in the CSS as a data URI, or present in the page and referenced by ID, the filter does not apply.

Tested on Chrome and also doesn't work as expected. Only Firefox renders the correct result.

Browser Configuration
  • None

From webcompat.com with ❤️

Please login to edit issues.

View issue on Github

Shortcut: Press l on your keyboard to open the label editor. Shortcut: Press g on your keyboard to be taken to the GitHub view of this page.
Site Contacted
#137838

codepen.io - SVG filter defined in CSS not applying to element

Opened: 2024-06-05
Reporter: chriskirknielsen
Comments: 6
  • Home
  • List of issues
  • About
  • Contribute
  • Contact
  • Privacy Policy
  • Terms of Service
  • Code of Conduct