Re: [csswg-drafts] [css-transitions] Transition to height (or width) "auto" (#626)

@Loirooriol:

Looking at what happens to a transition from value **[a]** to **[b]**, focussing on when one of the two values changes, there are two cases to consider here:

1. **[a]** = `auto`  to  **[b]** = fixed value
1. **[a]** = fixed value  to  **[b]** = `auto`

So, if the computed value of `auto` changes while a transition is active, it's the same as when a fixed value would change.
<br/>

Given this example:

```css
p   /* rule #1 */
{
  height: 10em;
  transition: height 2s;
}

p:hover   /* rule #2 */
{
  height: 20em;
}
```

1. what would happen if **rule <span>#</span>1** changed to, e.g., `height: 15em;`
2. what would happen if **rule <span>#</span>2** changed to, e.g., `height: 15em;`
 
… during a transition?

(… or if the font size changed during a transition?)

The same rules should apply to `auto`.
<br/>

Moreover, if this rule applied, the following (currently invalid transition) would also become valid:


```css
p   /* rule #1 */
{
  height: 10px;
  transition: height 2s;
}

p:hover   /* rule #2 */
{
  height: 20em;
}
```

(Please note the different units used in both rules.)
<br/>

… and this would also become valid:

```css
p   /* rule #1 */
{
  height: 0;
  transition: height 2s;
}

p:hover   /* rule #2 */
{
  height: 20em;
}
```

(Please note the missing unit in **rule <span>#</span>1**.)

-- 
GitHub Notification of comment by SetTrend
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/626#issuecomment-1054506945 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 28 February 2022 17:45:33 UTC