Download & Extend

JQuery menu not display properly in browser Safari and Chrome

Project:JQuery menu
Version:6.x-3.3
Component:Code
Category:bug report
Priority:minor
Assigned:Unassigned
Status:closed (fixed)

Issue Summary

I am using JQuery menu in my site(Drupal 6.22 Theme:mix_and_match-6.x-1.6 ), it works well in browser IE or firefox, but got prolem with safari and chrome, the + and - sign drop down 1 line as the attached screen printout. trying different configuration still cannot get it fixed, I am new to Drupal, looking forward to your advice.

AttachmentSize
untitled.JPG151.38 KB

Comments

#1

Category:bug report» support request
Priority:major» minor
Status:active» closed (works as designed)

Theming issues are not supported. Run it on garland. If the problem still occurs take a screen shot and reopen this issue. Otherwise, you'll need to fix your theme's css on your own.

#2

Category:support request» bug report
Status:closed (works as designed)» needs review

I experienced the same problem with the +/- icon misplacement and spent a little while debugging with Firebug and the Chrome inspector. I believe the problem lies with the use of 'display: block' in the following excerpt from jquerymenu.css:

ul.jquerymenu li span.parent {
    display: block;
    height: 9px;
    margin-left: -15px;
    margin-top: 6px;
    position: absolute;
    width: 9px;
}

I'm no CSS expert, but I question whether 'display: block' is necessary when used with absolute positioning. It may actually be causing a problem with Webkit-based browsers. Removing 'display: block' has no effect in Firefox, however it resolves the misplaced +/- icons in Chrome.

I haven't tested this with the Garland theme, but if you're using a Fusion-based theme such as Mix and Match, try adding one of the following to your local.css file:

ul.jquerymenu li span.parent {
        display: inline;
}

or

ul.jquerymenu li span.parent {
        display: initial;
}

Perhaps simply removing 'display: block' from jquerymenu.css would make this module more compatible across various theme/browser combinations?

#3

Status:needs review» closed (fixed)

I have incorporated this into the next release of jquerymenu for D6 and D7. If there are any issues with the new version(s), re-open this ticket.

nobody click here