Bug 1040714 (css-shapes-1)

[META] Implement CSS Shapes Module Level 1

NEW
Unassigned

Status

()

Core
CSS Parsing and Computation
P2
enhancement
3 years ago
3 months ago

People

(Reporter: sebo, Unassigned)

Tracking

(Depends on: 3 bugs, Blocks: 4 bugs, {dev-doc-needed, DevAdvocacy, meta})

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [parity-webkit][parity-blink][DevRel:P1], URL)

(Reporter)

Description

3 years ago
The CSS Shapes Module Level 1 describes geometric shapes for the use in CSS.

This issue is for implementing this spec.

Sebastian
(Reporter)

Updated

3 years ago
Blocks: 913153
Whiteboard: [parity-blink]

Comment 1

3 years ago
The new Chrome beta supports css shapes already.

Updated

3 years ago
Status: UNCONFIRMED → NEW
Ever confirmed: true
This is now fully supported in Chrome, in Safari (both on Mac and iOS), and Opera. Firefox and Internet Explorer are now in a race to see who'll be last to implement it. http://caniuse.com/#feat=css-shapes

I've been teaching CSS Shapes in conference presentations, and people are *incredibly* excited about Shapes. When I presented at CSS Dev Conf, people's mouths were literally hanging open, eyes wide with excitement. It was non-stop comments like these: https://twitter.com/elmofromok/status/521699333138165760 and https://twitter.com/lavalight/status/521699890900914176

This is one of those CSS properties that is going to take off quickly. I'm a huge fan of Firefox, and I hate to see it falling behind when it comes to layout CSS. Designers and developers could soon be cursing Firefox for holding Shapes back.

Could this please become a top priority?
(Reporter)

Comment 3

3 years ago
I set a priority for this issue. Not sure if that helps in any way, though, as I don't know how Mozilla actually sets their priorities.

Sebastian
Priority: -- → P2
Whiteboard: [parity-blink] → [parity-webkit][parity-blink]
(Reporter)

Comment 4

3 years ago
Added 'dev-doc-needed' keyword to update the browser compatibility once this is implemented.

Sebastian
Keywords: dev-doc-needed
See Also: → bug 1098939
Depends on: 1072894

Comment 5

2 years ago
Last night @jensimmons presented CSS3 Shapes to a packed house at the SFHTML5 Meetup (GoogleSF HQ, across the Quad from you Mozilla HQ :-> ). Trust me, everyone there wants CSS3 Shapes compatibility in Firefox- it's a layout game-changer for sure!!

Updated

2 years ago
Keywords: DevAdvocacy
Comment hidden (me-too)
Comment hidden (me-too)
(Reporter)

Comment 8

a year ago
Dirk, Cameron as you both have worked on bug 1072894, what do you think is the best way to make progress here? Would it make sense to split this bug up into smaller bugs? And if so, how should it be split up?

Dirk, as the implementor of the parsing code for polygon(), would implementing this be something for you?

Sebastian
Flags: needinfo?(krit)
Flags: needinfo?(cam)
Alias: CSS3-Shapes-Lv1
Depends on: 1098939
Summary: Implement CSS3 Shapes → [META] Implement CSS3 Shapes module level 1
Blocks: 1242029
(Reporter)

Comment 9

a year ago
As Astley already turned this into a meta-issue, I remove the ni's again and add some more blockers.

Sebastian
Flags: needinfo?(krit)
Flags: needinfo?(cam)
(Reporter)

Updated

a year ago
Depends on: 1265342
(Reporter)

Updated

a year ago
Depends on: 1265343
Whiteboard: [parity-webkit][parity-blink] → [parity-webkit][parity-blink][DevRel:P1]

Comment 10

11 months ago
Is there any plan to implement this? I appreciate I'm just adding noise and not contributing but I'm quite surprised that FF doesn't have this. I find shapes super useful and a lot cleaner to achieve some interesting things without resorting to SVG elements on the page. E.g. I can use a css polygon to darken an image during crop selection but FF requires html elements that define the polygon.

Comment 11

11 months ago
(In reply to dominic from comment #10)
> Is there any plan to implement this? I appreciate I'm just adding noise and
> not contributing but I'm quite surprised that FF doesn't have this. I find
> shapes super useful and a lot cleaner to achieve some interesting things
> without resorting to SVG elements on the page. E.g. I can use a css polygon
> to darken an image during crop selection but FF requires html elements that
> define the polygon.

Work on entire spec modules like this one is split out into multiple bugs; one for each facet of the module. This main module is just an umbrella under which they all can sit. Check out the "Depends on" bugs at the top to see progress on various aspects of the module's implementation.
(In reply to dominic from comment #10)
> Is there any plan to implement this? I appreciate I'm just adding noise and
> not contributing but I'm quite surprised that FF doesn't have this. I find
> shapes super useful and a lot cleaner to achieve some interesting things
> without resorting to SVG elements on the page. E.g. I can use a css polygon
> to darken an image during crop selection but FF requires html elements that
> define the polygon.

Hi Dominic. Thanks for chiming in about your interest in CSS Shapes. Best I can tell, Mozilla is definitely interested in and planning on implementing CSS Shapes -- it's just a matter of priorities. There are many things the Gecko/Firefox team wants to do, yet we can't do them all at the same time. Knowing that there's demand for and interest in a particular technology helps in setting the schedule for what comes next. So thanks. Here's to hoping Shapes ships sooner rather than later.

Updated

11 months ago
Flags: platform-rel?

Updated

11 months ago
platform-rel: --- → ?

Updated

5 months ago

Updated

5 months ago
Alias: CSS3-Shapes-Lv1 → css-shapes-1
Blocks: 1323663
Summary: [META] Implement CSS3 Shapes module level 1 → [META] Implement CSS Shapes Module Level 1
Keywords: meta
Blocks: 1323667
platform-rel: ? → ---
You need to log in before you can comment on or make changes to this bug.