2007256 - SVG filter not applied when svg element hidden

Status: RESOLVED DUPLICATE of bug 376027

(Core :: General, defect)

Description

[[e-mail]]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:146.0) Gecko/20100101 Firefox/146.0

Steps to reproduce:

• SVG element defining a filter, set to display: none
• HTML styled using filter: url() referencing the above filter

see https://codepen.io/gunnarbittersmann/pen/vEYryKB

Actual results:

Filter is not applied. Works fine in Safari and Chromium browsers.

(The filter is applied when the defining SVG element is not hidden using display: none, but visually hidden using the styles from https://www.a11yproject.com/posts/how-to-hide-content/, cf. https://codepen.io/gunnarbittersmann/pen/EaxRjPe)

Expected results:

Filter should be applied also when the defining SVG element is hidden.

Comment 1

[Robert Longson [:longsonr]]

best not do that. Use visibility: hidden or height/width=0 instead.