MDLWP Double vertical scrolling bar

Hello.

I have experienced a small bug in the CSS. zrzut ekranu 2015-08-22 o 23 56 28

I have managed to solve it easily by adding:

  body{
    overflow-y: hidden;
  }

Overflow on the page ribbon did not fix it for me.

Aug 22 '15 22:08 atais

Do you see the double vertical scrollbar on our demo ribbon page? http://mdlwp.com/demo/ribbon-page/

Aug 22 '15 23:08 braginteractive

Hm, no it's ok in the demo. I will try to find what is causing the issue.

Aug 23 '15 10:08 atais

It is doubled when you log in to Wordpress and the Wordpress bar is visible.

Aug 23 '15 11:08 atais

I think because they are both fixed.

Aug 24 '15 14:08 braginteractive

you can change some div's to have overflow-y: hidden;. I will do some fixes and PR when I finish my fork.

Aug 26 '15 08:08 atais

@leoradmagnegithub does the demo have a double scrollbar?

Mar 10 '16 16:03 braginteractive

My website work perfectly on every browser, except for Mozilla Firefox (v.45.0.1). This because there's a double vertical scroll bar. This bar isn't in all other browsers like Chrome, Opera and IE 11.

In the demo, this double vertical scroll bar never appear.

cattura

Apr 23 '16 11:04 ghost

The double bar appears when administrators are logged in.

This is due to the fact that WP adds

html { margin-top: 32px !important; }

The first scroll bar appears for html tag, the second one for div.mdl-layout

A solution simple solution for modern browsers in functions.php:

// Bugfix for double admin bar

add_action( 'wp_head', function () {

  if ( ! is_admin_bar_showing() )
    return;

  echo '
    <style>
      html {
        overflow: hidden;
      }
      .mdl-layout {
        height: calc(100% - 32px);
      }
      @media screen and (max-width: 782px) {
        .mdl-layout {
          height: calc(100% - 46px);
        }
      }
    </style>
  ';    

}, 999);

Jun 02 '16 08:06 alexandre67fr

@leoradmagnegithub my comment is a reply to @atais 's issue, which is double vertical bar on ribbon template, when logged in as administrator in all browsers.

The issue that you've posted is most probably a different one.

Jun 02 '16 16:06 alexandre67fr

Ah ok, sorry. Have you got any idea about my issue?

Jun 02 '16 16:06 ghost

No, sorry. I didn't see any issues with my website using the latest version of the theme in Firefox. Is your site online? I could have a look, and see what might be the issue.

Jun 02 '16 16:06 alexandre67fr

You're using a plugin that adds a bar at the top of the page. This not an issue of the theme.

Jun 05 '16 17:06 alexandre67fr

You need help of a developer with your website, this is not an issue if this theme.

Jun 05 '16 17:06 alexandre67fr

Yes, sorry for the loss of time. I had had a problem on my site.

(This is the new account of the "ghost" in the previous comments)

Sep 09 '16 18:09 leoradprogrammer