Skip to content
This repository has been archived by the owner on Dec 19, 2024. It is now read-only.

Scrolling behavior is shaking when is open in IE11 #139

Open
1 of 8 tasks
AlvaroGonzalezCans opened this issue May 31, 2017 · 1 comment
Open
1 of 8 tasks

Scrolling behavior is shaking when is open in IE11 #139

AlvaroGonzalezCans opened this issue May 31, 2017 · 1 comment
Labels
wontfix

Comments

@AlvaroGonzalezCans
Copy link

AlvaroGonzalezCans commented May 31, 2017 •
edited
Loading

Description

The iron-dropdown causes a shaking when you have open de dialog and you try doing scroll in IE11.

Expected outcome

The page has not to be shaking

Actual outcome

The page is shaking when scrolling.

Live Demo

https://www.webcomponents.org/element/PolymerElements/iron-dropdown/demo/demo/index.html

Steps to reproduce

  1. Get the URL https://www.webcomponents.org/element/PolymerElements/iron-dropdown/demo/demo/index.html
  2. Open IE and copy the url.
  3. Click in the button.
  4. You try doing scroll with the left and right keys.

Browsers Affected

  • Chrome
  • Firefox
  • Safari 9
  • Safari 8
  • Safari 7
  • Edge
  • IE 11
  • IE 10
@valdrinkoshi
Copy link
Member

That's unfortunately "by design".

We choose to not set the overflow: hidden to <body> because otherwise that would change its width on windows (because the scrollbar will be hidden).
We listen for events that might trigger scrolling and try to prevent them, but some scroll events will happen no matter what - in these cases we capture the scroll events and reset the scrollTop/scrollLeft of the document...since scroll event happens after the actual scroll, you'll see that "shaking" effect :/

Blocking scrolling is hard.

As a user, you could set the overflow: hidden on <body> and that would solve the problem. <iron-dropdown> cannot do that, as it was previously filed as a bug #81
Another way to go is close the dropdown on scroll: you can do that by setting dropdown.scrollAction = 'cancel'

@valdrinkoshi valdrinkoshi mentioned this issue Mar 30, 2018
Closed
7 tasks
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
wontfix
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@valdrinkoshi @AlvaroGonzalezCans