i can't get the height size of the child accurately

https://codepen.io/hzk-0210181/pen/YPKOMoW check on mobile (576px>) i was able to do this in this website i've built https://buildup.ma/#contact-us-anchor
10 Replies
Dev_HK
Dev_HKOP4w ago
Navbar
Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.
Dev_HK
Dev_HKOP4w ago
but it's the same functionality that i want else someone told me these kind of menus are rarely if never used
Mannix
Mannix4w ago
you mean that the menu items don't stack vertically on mobile ?
Dev_HK
Dev_HKOP3w ago
Nono not that, I actually meant to make the wrap horizontally The issue is when I want to click on the icon, I get the animation that it's opening the menu smoothly I guess I might just make it on a different div and pull it from the side or some
Mannix
Mannix3w ago
ahh you can't transition to the keyword value like max-content well you can but it is not well supported yet instead I would go with transform: scaleY() property which is more performant anyway
Dev_HK
Dev_HKOP3w ago
But transform doesn't actually bring the thing from top unless it's actually absolute which okay I guess but it looses it's place od the dom, isn't being computed in regards of other elementa Unless you got some idea about it,
Mannix
Mannix3w ago
transform-origin: top; will bring it from the top
Dev_HK
Dev_HKOP3w ago
can you show me an example or something or make a code pen so i can understand you clearlu as i said the issue ihad was because it required for the elemnt to be absolute positioning, it would like detach from the whole dom hierarchy & it's height won't be computed with the other elements so if it's absolute it won't dynamically changes the menu's height based on child elements,
Dev_HK
Dev_HKOP3w ago
It's kind of looks a little bit weird as if it's the actual paragraph that gets shrink and d shrinks rather than the div rapper that's increase and decrease in height like it should show like the paragraph is playing with me peekaboo something But I do appreciate the effort really I'mooking for this

Did you find this page helpful?