Intent to Implement: CSS transform-box

[Fredrik Söderquist]

Contact emails f...@opera.com Spec

https://drafts.csswg.org/css-transforms/#transform-box Summary The transform-box property allows defining which reference box to use when computing 'transform' and 'transform-origin'. It currently only has an effect on SVG elements. Motivation

This allows SVG elements to adopt a transform behavior similar to that of HTML elements, by using the geometry of a shape as the basis for transformations (i.e scale around the center of a shape and similar. ) Semantic gap bridge. Interoperability risk Firefox: Shipped Edge: No public signals Safari: No public signals Web developers: Positive

Interop risk expected to be low to medium. In its current form it's a fairly small feature (addition), so it should be possible to get decent test coverage into WPT. There's a risk for medium depending on how the issue with the initial value (see issue in compat risk section) is resolved, if not all UAs that currently support using percentage-based transforms (and transform-origins), follow suit. This can be addressed by a spec change though. Compatibility risk

In its current (speced) form, this will break some content. Some will be fixable and some won't. There's a use counter for assessing the potential breakage (TransformUsesBoxSizeOnSVG), and an issue open on the spec (https://github.com/w3c/csswg-drafts/issues/857). This detail should be ironed out before shipping.

Ongoing technical constraints

None Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, Chrome OS, Android, and Android WebView)? Yes or no. Yes OWP launch tracking bug https://bugs.chromium.org/p/chromium/issues/detail?id=595829 Link to entry on the Chrome Platform Status https://www.chromestatus.com/features/6643927633362944 Requesting approval to ship?

No

[Dimitri Glazkov]

LGTM1

[Shane Stephens]

FYI: We just discussed transform-box during the CSSWG F2F as part of trying to resolve https://github.com/w3c/csswg-drafts/issues/895. The minutes of the discussion are linked on that issue.

The sense I got from the conversation was that Apple are interested in implementing this property, while Microsoft (as minuted) won't do it yet because they don't support CSS transforms on SVG boxes.

Cheers,

    -Shane

--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.