I’m struggling with a strange issue only present on Safari. The site I’m working on for a client has 2 dropdown navigation menu’s these work perfectly on chrome but only work when the website is at the top of the page on Safari.
So, after looking at it, it seems that this is a limitation of using the built in dropdown element… there are others who have faced similar challenges
The problem is with fixed positioning once you open the dropdown… because of it when you scroll the open dropdown scrolls with the page… and if you change the positioning to absolute (which is what it needs to stay in place) then the dropdown built in design will position it immediately below the toggle… so it opens to offscreen… I don’t think you can fix the built in dropdown behavior so try and make your own - it should be pretty straight forward…
I think your best bet would be to create your own navigation with your own interactions…
Hey @IVG sorry for the late reply. Managed to fix this by resetting the display to fixed and adapting that to the fixed nav height [I.e setting the menu to fixed with the nav height as top margin]