Hiding submenu on Firefox about angular-material-sidemenu

[zvonimirfras]

I found a workaround that works for me:

Added this to my application stylesheet

.md-sidemenu-content {
    display: block;
}

[jdelia2]

@zvonimirfras Hi there, thanks for your time.

I tried the ones detailed here and no luck.

But then, I came across another thread
#20

And tried this one, and it seems to be worknig now :D

.md-sidemenu-wrapper
{
margin-top: -200vh;
}

.md-sidemenu-wrapper.md-active {
margin-top: 0;
}

I can work with this, thanks!

[andersonfalcao]

The problem was solved and waiting for approvement

[marcosmoura]

Sorry about the HUGE delay to respond to this.

This is strange. I will investigate this.

Thanks!

[NetajiBandi]

Zvonimir Fras workaround is working fine. But there is a similar issue when you add up more than 8 Submenus . Could you please suggest a fix for this along. Thanks.

1. when the menu is open
   
2. when the menu is closed
   

[marcosmoura]

Oh. I didn't know that. I'll prioritize this and release a new version. Thank you!

[zvonimirfras]

Netaji, just by looking at your screenshot, it may be that some of the paddings or margins are simply adding up.
Marcos is on it so there should be a proper solution sooner than later :)

[juanmav]

In Chrome has the same behavior

[serak]

this issue should be fixed soon

[gcmestre]

I also have this problems.
Thanks zvonimirfras for the work arround.
Thanks for the lib but please fixe this.

[navneet35371]

any fixes to this? i tried the @zvonimirfras workaround but didn't worked for me.

[haoliangyu]

@navneet35371 Another workaround (inspired by @zvonimirfras) is to change the element height manually in your less/sass file

  .md-sidemenu-wrapper {
    height: 0;

    &.md-active {
      height: auto;
    }
  }

or css file

  .md-sidemenu-wrapper {
    height: 0;
  }

  .md-sidemenu-wrapper .md-active {
    height: auto;
  }

Work pretty well even in @netaji583's situation, though you will lose the animation when toggling menu.

[Informeleon]

Hi.
I still got the same problem. CSS-changes as described by haoliangyu and zvonimirfras lead to a non-expanding menu. Is there another workaround? Works perfect with Chrome and Safari.

[jdelia2]

Hi there! great lib :D
I still have this problem, is there any fix or workaround that works? thanks!

[zvonimirfras]

@jdelia2 there is more than one suggested in the description and comments of this issue. Have you tried those?

[tianctrl]

When I update, the google chrome show this bug

[andersonfalcao]

Hello @tianctrl, What is the Chrome version you use?
Because I tested on Chrome, Opera, Safari and Firefox!
Can you send me a print and the chrome version that you use, please!

Some questions:

Do you fix the height of menu button?
Do you remove the temporary configuration from your CSS file?

Thanks

[andersonfalcao]

@xandorxicay can you test on your pc? I tested this on different computers in my company and I haven't this problem.

@jdelia2 @joaovitor @netaji583 @Informeleon @haoliangyu @serak @navneet35371 @gcmestre @zvonimirfras can you test this please and see this occur with you?

[tianctrl]

My Chrome is Version 57.0.2987.98 (64-bit).
Sorry I didn't test particular. I just return 1.0.5.

[xandor-io]

I think this applies when you modify the height of the CSS button @andersonfalcao I tested and is working fine with the current stylesheet.