web-bugs icon indicating copy to clipboard operation
web-bugs copied to clipboard

Published 20 hours ago • verified publisher icon webcompat

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

Open chriskirknielsen opened this issue 8 months ago • 6 comments

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 ❤️

chriskirknielsen avatar Jun 05 '24 16:06 chriskirknielsen