.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
Element sizing with className & height:auto
Hello,
I have some unexpected (for me) behavior while sizing elements, here is the pen:
See the Pen PQeVoY?editors=0110 by determin1st (@determin1st) on CodePen
As you see, red box is not synced with blue while animation runs (after clicking). It happens because the height of the container is animated, but it is not supposed to be, as the .clicked (container css class) doesn't contain height property. Can you explain please, how to anim
Trying to build a complicated UI library using only className tweens will be difficult. My advice would be to avoid them. They're really not that useful, and can cause all sorts of problems if you're not careful. If you really want to animate classes, then you should use CSS.
You might want to look into how modern frameworks like React, Vue, and Angular use css, or the lack thereof. CSS in JavaScript is pretty common nowadays, making CSS files completely optional.
