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
AparAwasthi
AparAwasthi16mo ago
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-...
Want results from more Discord servers?
Add your server