mirror of
https://github.com/zebrajr/ladybird.git
synced 2025-12-06 00:19:53 +01:00
e40ad73ae7
We now expand shorthands into their respective longhand values when assigning to a shorthand named property on a CSSStyleDeclaration. We also make sure that shorthands can be round-tripped by correctly routing named property access through the getPropertyValue() AO, and expanding it to handle shorthands as well. A lot of WPT tests for CSS parsing rely on these mechanisms and should now start working. :^) Note that multi-level recursive shorthands like `border` don't work 100% correctly yet. We're going to need a bunch more logic to properly serialize e.g `border-width` or `border` itself.
47 lines
1.0 KiB
Plaintext
47 lines
1.0 KiB
Plaintext
Setting flex: 'none'; becomes...
|
|
flex-basis: 'auto'
|
|
flex-grow: '0'
|
|
flex-shrink: '0'
|
|
flex: '0 0 auto'
|
|
e.style.length: 3
|
|
> [0] flex-grow
|
|
> [1] flex-shrink
|
|
> [2] flex-basis
|
|
|
|
Setting flex: 'auto 1 2'; becomes...
|
|
flex-basis: 'auto'
|
|
flex-grow: '1'
|
|
flex-shrink: '2'
|
|
flex: '1 2 auto'
|
|
e.style.length: 3
|
|
> [0] flex-grow
|
|
> [1] flex-shrink
|
|
> [2] flex-basis
|
|
|
|
Setting flex: ''; becomes...
|
|
flex-basis: ''
|
|
flex-grow: ''
|
|
flex-shrink: ''
|
|
flex: ''
|
|
e.style.length: 0
|
|
|
|
Setting border: '1px solid red'; becomes...
|
|
border-width: '1px 1px 1px 1px'
|
|
border-style: 'solid solid solid solid'
|
|
border-color: 'rgb(255, 0, 0) rgb(255, 0, 0) rgb(255, 0, 0) rgb(255, 0, 0)'
|
|
border: ''
|
|
e.style.length: 12
|
|
> [0] border-top-width
|
|
> [1] border-right-width
|
|
> [2] border-bottom-width
|
|
> [3] border-left-width
|
|
> [4] border-top-style
|
|
> [5] border-right-style
|
|
> [6] border-bottom-style
|
|
> [7] border-left-style
|
|
> [8] border-top-color
|
|
> [9] border-right-color
|
|
> [10] border-bottom-color
|
|
> [11] border-left-color
|
|
|