1040714 - (css-shapes-1) [META] Implement CSS Shapes Module Level 1

Status: NEW

(Core :: Layout, enhancement, P2)

Description

[Sebastian Zartner [:sebo]]

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

This issue is for implementing this spec.

Sebastian

Comment 1

[Djfe]

The new Chrome beta supports css shapes already.

Comment 2

[Jen Simmons [:jensimmons]]

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

[Sebastian Zartner [:sebo]]

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

[Sebastian Zartner [:sebo]]

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

Sebastian

Comment 5

[vfxguru001]

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

[Sreenivasulu S]

I vote for this bug. It is really cool if CSS3 shapes are implemented in Mozilla Firefox. It is a lot more freedom to layout the text using the CSS3 shapes.

Comment 7

[wray]

If more mozillians knew this existed in other browsers, I think we'd have it in firefox. No doubt, it's cool. Count me as another vote to get this in the pipeline, at least so that caniuse will show it as a feature planned at some point in the future.

Comment 8

[Sebastian Zartner [:sebo]]

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

[Sebastian Zartner [:sebo]]

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

Sebastian

Comment 10

[dominic]

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

[Tyler]

(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

[Jen Simmons [:jensimmons]]

(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.

Comment 13

[Jonathan Watt [:jwatt]]

Mass bug change to replace various 'parity' whiteboard flags with the new canonical keywords. (See bug 1443764 comment 13.)