Open shallawa opened 4 days ago
In https://drafts.fxtf.org/filter-effects/#FilterProperty, it is not clear what should happen if an invalid filter is applied to an element.
The browsers disagree in displaying this test case:
<style> svg { border: 1px red solid; width: 400px; height: 300px; } .box { width: 200px; height: 200px; background-color: green; margin: 20px; } .filtered-1 { filter: drop-shadow(10px 10px -4px #4444dd); } .filtered-2 { filter: url(#shadow); } </style> <body> <p>A div element with invalid CSS filter:</p> <div class="box filtered-1"></div> <p>A div element with invalid referenced SVG filter:</p> <div class="box filtered-2"></div> <p>A rect element with invalid SVG filter:</p> <svg> <filter id="shadow"> <feDropShadow dx="10" dy="10" stdDeviation="-4" flood-color="#4444dd" /> </filter> <rect width="200" height="200" style="fill:green; filter:url(#shadow);" /> </svg> </body>
@annevk pointed out https://github.com/w3c/fxtf-drafts/issues/237#issuecomment-354621234 seems to discuss a subset of this issue.
In https://drafts.fxtf.org/filter-effects/#FilterProperty, it is not clear what should happen if an invalid filter is applied to an element.
The browsers disagree in displaying this test case: