Need help in doing Overflow-x and a Dropdown

I cant access my dropdown when i put overflow-x: auto; because the current navbar have many things in them and they requested to put scrollbar in there which is the overflow-x: auto; but then the dropdown doesnt work as intended
No description
5 Replies
Zoë
Zoë11mo ago
It looks like you have a fixed height on the container, and aren't using position: absolute on the drop down
WinterPixie
WinterPixieOP11mo ago
it is on position absolute
WinterPixie
WinterPixieOP11mo ago
No description
WinterPixie
WinterPixieOP11mo ago
this is the orginal project and I cant make that dropdown go outside the overflow-x
MarkBoots
MarkBoots11mo ago
yea for this to work, you can't have an overflow container. you will need js for this. I found this working example on codepen (not mine) https://codepen.io/paulobrien/pen/vYxWppv
Paul O'Brien
CodePen
Dropdown animated - sideways scroll with jshelper
Added a sideways scroll which will probably break the touch friendly version but mot tested yet. Used focus-wihin for keyboard accessibility. -------...
Want results from more Discord servers?
Add your server