- Internet Explorer (6 and later)
If anyone can confirm that jqDock works – or doesn’t! – in other browsers (and/or operating systems), please let me know.
You can space menu items out by applying padding to the images, but the padded area is not expanded in the minor axis. This means that when your cursor is off the main axis area there is a gap between adjacent expanded images that will trigger a ‘mouseleave’ event and cause the dock to return to ‘at rest’.
‘Scrunched up’ vertical menu when an absolutely left-positioned menu is shown, clicked-on to hide, then shown again (within the same page).
Scenario : You have a vertical menu with position:absolute; and left:Npx; (or simply left:0;). On that menu you have an image-wthin-anchor menu item that, when clicked, hides this menu by setting it to display:none;. At some point, the menu is brought back into view by setting it to display:block;, but the menu comes back with all the menu items apparently occupying the same space, and they only get ‘re-distributed’ when you move the cursor over the menu!
I can reliably reproduce this in IE7 (on Windows7); the other major bowsers, and later versions of IE, do not appear to be affected, but that doesn’t preclude it happening in other browsers and other operating systems. It seems to only affect absolutely-positioned menus where the left value is a set number of units (zero included), ie. left:0;, left:20px;, left:1em;, etc. It does not affect percentages, ie. left:100%; has no problem. I have been unable to determine why it is happening, and am therefore unable to provide a solution.
Work-around : Instead of hiding unwanted menus by setting them to display:none;, just move them out of the viewport by setting, for example, left;-2000px; top:-2000px;, as the Multiple menus for hierarchical option selection example does.