Hello,

I am running superfish 7.x-1.9+16-dev (the latest dev version) because the feature ul accordion for small screen. Really great work !

My main menu works very fine on firefox, but on every others browsers (opera, safari, ie10, chrome, the latest versions), sub-menu (level 3) are hidden.

After a little debug, i found the reason :
A css property (overflow: hidden) is added by javascript on every ul elements of the menu. So when i tried to see submenu (level 3), the sub-menu is well called, but as the parent element ul had the property overflow:hidden i see only the firt left pixels of the submenus.

With Firefox, the property overflow:hidden is not added on the ul elements. So it's works fine.

Any idea ?
Thanks

Comments

flocondetoile’s picture

flocondetoile
Primary language French
Location Lyon
commented

I am running jQuery 1.7 (via jquery_update module)

flocondetoile’s picture

flocondetoile
Primary language French
Location Lyon
commented
Assigned: Unassigned » flocondetoile
Category: bug » support

Sorry,

On a fresh install of Drupal, i can't reproduce the bug. So, certainly, it's another module wich add this css property. I'm trying to found the guilty

flocondetoile’s picture

flocondetoile
Primary language French
Location Lyon
commented
Status: Active » Fixed

OK

I found the guilty. Seems to be a bug of jQuery.

I am running the web site with an Omega 4.x sub theme wich include this CSS rule

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('../behaviors/box-sizing/boxsizing.php'); }

If i remove this code, every works fine

I found the reason on stackoverflow

An issue is open in the omega issue queue
https://drupal.org/node/2068459

Status: Fixed » Closed (fixed)

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

giorgosk’s picture

giorgosk
Location Chios, Greece 🇬🇷
commented
Issue summary: View changes

issue reported for omega #2068459: Superfish problems with Ohm and subthemes (from Omega and Ohm)
and for foundation theme #2188739: Won't display more than one level of superfish menus on Chrome or Safari

Canary’s picture

Canary commented

Hello,
It also happens in my Chrome. I don't know how to remove overflowhidden. Please, help me to show the way of how to solve.
My theme is "Bootstrap Business Theme".

hargobind’s picture

hargobind
he/him
Location Austin, Texas
commented

This was happening for me in Chrome 64 on Windows 10 with 7.x-2.0. The solution I found was to edit my Superfish block (Structure > Blocks), and change the Slide-in effect value to "None".

lu_smithcon’s picture

lu_smithcon commented

I was also having this problem with Superfish 7.x-2.0 (on Chrome 67) and changing the Slide-in effect to "none" worked for me too.