If you don't embed "display: none" into the HTML, then many browsers will display the sub-menus until the CSS loads. In IE this effect is especially marked. Such "flashing" of content is undesirable. Patch attached.

CommentFileSizeAuthor
superfish-cssflashfix.patch608 byteslirazsiri

Comments

mehrpadin’s picture

mehrpadin commented

Hey there,

Well, inline CSS? no not a good idea, I mean such "flashing" might happen for any part of your document, depending on the size and\or your connection speed, yet I don't see such a thing from SF on IE (even IE6), perhaps there's something wrong with your CSS? or maybe you should enable Optimize CSS files & Optimize JavaScript files under Performance, this indeed makes page loads smoother.

dervishmoose’s picture

dervishmoose commented

I am hoping that this issue is resolved in the next version.

I would suggest visibility:hidden; rather than "display: none". Display none seems to not play well with superfish's Supersubs option.

Also, I would suggest embedding the CSS in your html template rather than doing inline css.

Example:

      <style type="text/css">
        <!--
		ul.sf-menu ul{
		visibility:hidden;
		}
		-->
	</style>
mehrpadin’s picture

mehrpadin commented

Does any of you has any online example? I'm really curious to see this thing.

szt’s picture

szt commented

I guess this "flashing" effect appear when you modify the .css rules, especially if you've overridden the "top: -999em;" value in the superfish.css.

mehrpadin’s picture

mehrpadin commented
Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.