- From: jonjohnjohnson via GitHub <sysbot+gh@w3.org>
- Date: Thu, 12 Apr 2018 00:57:35 +0000
- To: public-css-archive@w3.org
I used to really really want this feature, but over the years have found myself being content with transitioning a transform in many cases, while having a parent element set in inaccessible ways...
```css
.parent {
pointer-events: none;
visibility: none;
overflow: hidden;
}
.element {
pointer-events: auto;
visibility: visible;
transition: transform ease .375s;
will-change: transform;
}
.transformed .element {
transform: translateY(-100%);
}
```
Here, the `-100%` seamlessly takes care of the `auto` height and transitions a texture over possibly invaliding layout during a `height` transition. Not saying this is the silver bullet for the issue, but offering what I've found to be a more performant option for most cases. And furthermore, if we did get the ability to transition to/from `auto` I'd rarely use it over this approach.
--
GitHub Notification of comment by jonjohnjohnson
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/626#issuecomment-380640936 using your GitHub account
Received on Thursday, 12 April 2018 00:57:44 UTC