Safari web development div display none stays partially on screen

I've been working on a drop down menu on a website. It works fine in other browsers but not Safari. When trying to close a menu (display none, visibility hidden and opacity 0), the div or the ul (tried both) in some cases stays partially on screen (looks random), screenshot enclosed: In this case one menu was opened, then another, so that the first one should close and disappear instead of staying partly visible below the new one. Anybody ever met similar display problems? Looks like the first, second and last menus work, the three in between not, but I can't figure out the difference. hami.fi

Posted on Feb 27, 2019 10:19 AM

Reply
Question marked as Top-ranking reply

Posted on Feb 27, 2019 11:34 AM

Found the solution. On these three menus that were not working there was only one li + a per second level navigation and this was the problem. I added an empty second li + a (with visibility hidden and line-height 0) and this solved the problem. Took a while..........

2 replies

This thread has been closed by the system or the community team. You may vote for any posts you find helpful, or search the Community for additional answers.

Safari web development div display none stays partially on screen

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.