Changed the menu animation styles, and it didn't have any effect.
Played around with it some more ...
The whole <
div id=
"subMenusContainer"> section is generated in an AJAX-y manner on the fly by
s5_flex_menu.js and inserted as the last
<div> on the page before the
</body> closing tag.
The value for the menu sub-element's vertical position comes from a section in :-
<
div id=
"subMenusContainer">
<
div class=
"s5_sub_wrap[...]">
which has an inline of
style="top: $px;"Now - here's where it all gets a bit twisty & tricky & *
really* beyond my ability to fix
In normal conditions the
top: vertical position of the displayed submenu is correctly calculated as being below whatever the page-render calculates is the bottom edge of
<
div id="s5_menu_wrap">
<ul id="s5_nav">
<li>
and the whole <
div id=
"subMenusContainer"> gets rendered there, over the rest of the page viewport, with a big
z-index:So far, so good ...
That
"top: $px;" calculation seems to come from functions around about line 1026 of
s5_flex_menu.jsThere's a whole chunk of functions like :-
1026: MenuMaticSubMenu.prototype.showSubMenuComplete=function() and
1051:
MenuMaticSubMenu.prototype.positionSubMenu=function() etc.
and that's where I run into terminal problems, as unfortunately it's way beyond my javascript skill level to determine exactly which part is doing it :-
*
After* LiveSearch has been triggered this calculation seems to go haywire, and instead of the
top: being properly taken from the
absolute position in page of bottom edge of the <
div id="s5_menu_wrap"> <ul id="s5_nav"> <li> block, including added offset height from any additional elements that get rendered above it in the page (e.g.<
img id="s5_logo">) it, instead, uses
only the height of *
just* the <
li> block, ignoring additions from any previous page elements.
(the size of the <
li> block can be changed by over-riding it's internal span heights with
#s5_nav li .s5_level1_span2 { height:[$px;} in CSS)
Try changing that value in CSS, and you'll see that whatever value you put in there for
height: will also get used as the value for
top: that the submenu ends at after animation.
Hopefully that makes sense to you, and sorry for the excess of color tags - after I initially slapped all this into a post it was pretty much incomprehensible without some highlighting