react-custom-scrollbars icon indicating copy to clipboard operation
react-custom-scrollbars copied to clipboard

IE11 + scrollIntoView() issue

Open simaks opened this issue 5 years ago • 4 comments

On IE11 when using scrollIntoView for the item that is inside react-custom-scrollbars the hidden scrollbars are also made visible to the user.

Link to sandbox (open with IE11): https://codesandbox.io/s/lx4voxmn77

What it does: scrolls down to the active item.

What happens: Native scrollbars are made visible

Expected behavior: Native scrollbars should never appear

simaks avatar Jan 17 '19 13:01 simaks

#304

simaks avatar Jan 18 '19 08:01 simaks

After looking at #304, I fixed this issue on my project by setting the scrollTop and scrollLeft to 0 on my container right after calling the scrollIntoView.

elem.scrollIntoView() container.scrollTop = 0 container.scrollLeft = 0

osasseville avatar Aug 20 '20 19:08 osasseville

What is "the container" @osasseville?

acabreragnz avatar Aug 13 '21 18:08 acabreragnz

After looking at #304, I fixed this issue on my project by setting the scrollTop and scrollLeft to 0 on my container right after calling the scrollIntoView.

elem.scrollIntoView() container.scrollTop = 0 container.scrollLeft = 0

This fixed it for me

What is "the container" @osasseville?

The "Scrollbars" component itself

Cobalt04 avatar Mar 23 '23 16:03 Cobalt04