search

PolymerElements / app-layout

App layout elements
https://webcomponents.org/element/PolymerElements/app-layout
597 stars 311 forks source link

The Chromium Wheel Smooth Scroller extension breaks sidebar scrolling in app-layout. #541

Open TrebuhD opened 6 years ago

TrebuhD commented 6 years ago

Description

We've been getting reports from users that when this extension is installed, the sidebar can't be scrolled. When the mouse cursor is above the sidebar, the main page content is being scrolled instead.

Expected outcome

The sidebar should be scrollable.

Actual outcome

The sidebar can't be scrolled when the Chromium Wheel Smooth Scroller extension is installed.

Live Demo

https://raw-dot-custom-elements.appspot.com/PolymerElements/app-layout/v2.1.0/app-layout/demo/demo5.html

Steps to reproduce

  1. Install the extension and enable it.
  2. Open a new tab and navigate to this app-layout demo.
  3. Make the browser window shorter so that the scrollbar appears on the sidebar.
  4. The sidebar is not scrollable.

Browsers Affected

keanulee commented 6 years ago

Seems to work when not using native Shadow DOM (https://raw-dot-custom-elements.appspot.com/PolymerElements/app-layout/v2.1.0/app-layout/demo/demo5.html?wc-shadydom=true), so I suspect extension incompatibility with Shadow DOM.