Re: [fxtf-drafts] [css-masking] Disabling masks and clipPaths when display is none

| `display: none` disables resource? | Edge    | Gecko          | Blink          | WebKit         |
| ---------------------------------- |:-------:|:--------------:|:--------------:|:--------------:|
| `<clipPath>` on HTML element       | N/A     | **yes**        | **yes**        | **yes**        |
| `<mask>` on HTML element           | N/A     | No<sub>1</sub> | No<sub>1</sub> | No<sub>1</sub> |
| `<clipPath>` on SVG element        | **yes** | **yes**        | **yes**        | **yes**        |
| `<mask>` on SVG element            | **yes** | **yes**        | **yes**        | **yes**        |

1) Rendering of element with applied mask gets disabled.

SVG 1.1 and CSS Masking state for `<clipPath>`:
> The ‘display’ property does not apply to the ‘clipPath’ element; thus, ‘clipPath’ elements are not directly rendered even if the ‘display’ property is set to a value other than none, and ‘clipPath’ elements are available for referencing even when the ‘display’ property on the ‘clipPath’ element or any of its ancestors is set to none.

and for `<mask>`:

> The ‘opacity’, ‘filter’ and ‘display’ properties do not apply to the ‘mask’ element; thus, ‘mask’ elements are not directly rendered even if the ‘display’ property is set to a value other than none, and ‘mask’ elements are available for referencing even when the ‘display’ property on the ‘mask’ element or any of its ancestors is set to none.

Clearly, none of the implementations follow the spec text where `display` shouldn't have any affect on `<clipPath>` or `<mask>`.

-- 
GitHub Notification of comment by dirkschulze
Please view or discuss this issue at https://github.com/w3c/fxtf-drafts/issues/245#issuecomment-390863839 using your GitHub account

Received on Tuesday, 22 May 2018 05:04:55 UTC