Last Comment Bug 1040714 - (css-shapes-1) [META] Implement CSS Shapes Module Level 1
(css-shapes-1)
: [META] Implement CSS Shapes Module Level 1
Status: NEW
[parity-webkit][parity-blink][DevRel:P1]
: dev-doc-needed, DevAdvocacy, meta
Product: Core
Classification: Components
Component: CSS Parsing and Computation (show other bugs)
: unspecified
: All All
: P2 enhancement with 72 votes (vote)
: ---
Assigned To: Nobody; OK to take it and work on it
:
: Jet Villegas (:jet)
Mentors:
http://dev.w3.org/csswg/css-shapes/
Depends on: shape-outside 1265342 1265343 1072894
Blocks: css3test 1242029 css-shapes-2 all-css-modules
  Show dependency treegraph
 
Reported: 2014-07-18 04:26 PDT by Sebastian Zartner [:sebo]
Modified: 2016-12-24 02:11 PST (History)
43 users (show)
See Also:
Crash Signature:
(edit)
QA Whiteboard:
Iteration: ---
Points: ---
Has Regression Range: ---
Has STR: ---
?


Attachments

Description User image Sebastian Zartner [:sebo] 2014-07-18 04:26:28 PDT
The CSS Shapes Module Level 1 describes geometric shapes for the use in CSS.

This issue is for implementing this spec.

Sebastian
Comment 1 User image Djfe 2014-07-21 07:25:35 PDT
The new Chrome beta supports css shapes already.
Comment 2 User image Jen Simmons [:jensimmons] 2014-11-13 17:46:12 PST
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?
Comment 3 User image Sebastian Zartner [:sebo] 2014-11-14 02:31:39 PST
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
Comment 4 User image Sebastian Zartner [:sebo] 2014-11-19 00:38:12 PST
Added 'dev-doc-needed' keyword to update the browser compatibility once this is implemented.

Sebastian
Comment 5 User image vfxguru001 2015-05-21 10:33:48 PDT
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!!
Comment 6 User image Sreenivasulu S 2015-08-25 23:03:55 PDT Comment hidden (me-too)
Comment 7 User image wray 2015-10-21 11:24:21 PDT Comment hidden (me-too)
Comment 8 User image Sebastian Zartner [:sebo] 2015-12-15 00:09:21 PST
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
Comment 9 User image Sebastian Zartner [:sebo] 2016-04-18 04:26:00 PDT
As Astley already turned this into a meta-issue, I remove the ni's again and add some more blockers.

Sebastian
Comment 10 User image dominic 2016-05-27 07:10:01 PDT
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 User image Tyler 2016-05-27 08:13:59 PDT
(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.
Comment 12 User image Jen Simmons [:jensimmons] 2016-05-27 14:58:12 PDT
(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.

Note You need to log in before you can comment on or make changes to this bug.