Open Bug 1465988 Opened 6 years ago Updated 6 months ago

clip-path: <geometry-box> (e.g., border-box, margin-box, padding-box, content-box) makes content disappear

Categories

(Core :: Layout, enhancement, P3)

enhancement

Tracking

()

People

(Reporter: dbaron, Unassigned)

References

(Depends on 1 open bug, Blocks 1 open bug)

Details

Attachments

(1 file)

Per the spec at https://drafts.fxtf.org/css-masking-1/#the-clip-path the <geometry-box> values of 'clip-path' can be specified with a shape or on their own.  With a shape, they seem to work reasonably, but on their own, the spec says:

  If specified by itself, uses the edges of the specified box, including
  any corner shaping (e.g. defined by border-radius [CSS3BG]), as clipping
  path. See also “Shapes from box values” [CSS-SHAPES].

Instead, Gecko seems to make the shape disappear.

In other words, 'border-box' alone should behave the same as 'inset(0 0 0 0)' or similar, but it doesn't appear to do so.  (With border-radius, things should be a little more interesting.)
Priority: -- → P3
Severity: normal → S3
Blocks: css-shapes-1

It seems Gecko doesn't implement "Shapes from box values" properly, either. There is a recent wpt update and these tests are failed: https://bugzilla.mozilla.org/show_bug.cgi?id=1852288

Depends on: css-masking-1
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: