Multi Nested Menu
What I need to do to get dynamic height no matter how many nested drop presented?
The problem is
1. I added max-height dynamically it only work for 2 steps on third steps it got broke
2. I like to have flexibility of adding 4th-5th steps
Here the code pen link: https://codepen.io/suraj-shahi/pen/mdaVWEp?editors=1100
1 Reply
You can check this video of @kevinpowell.
https://www.youtube.com/watch?v=B_n4YONte5A&t=1s
Kevin Powell
YouTube
The simple trick to transition from height 0 to auto with CSS
Animating or transitioning to and from height auto is, well, not really possible (though it is being worked on!), but luckily, there is actually a solution using CSS Grid that’s really easy to implement!
🔗 Links
✅ Keith J. Grant’s article on this (also includes a flexbox solution): https://keithjgrant.com/posts/2023/04/transitioning-to-height-...