search

ankeetmaini / react-infinite-scroll-component

An awesome Infinite Scroll component in react.
https://react-infinite-scroll-component.netlify.com/
MIT License
2.88k stars 322 forks source link

Bug: Jumping scroll on Chrome 87 #228

Open devmuffy opened 3 years ago

devmuffy commented 3 years ago

react-infinite-scroll-component version: 5.1.0

Description

I'm using bootstrap's border spinner as a loader component. After updating Chrome to version 87 I noticed jumping scroll inside the .infinite-scroll-component element. I changed the border spinner to the growing spinner for now.

Example

I modified the original demo: https://codesandbox.io/s/quirky-dust-z3jp1

image

ibrhm-mnf-fingent commented 3 years ago

@muffypl use style={{ overflow: 'hidden' }}

Like

<InfiniteScroll
  ...
  style={{ overflow: 'hidden' }}
>
  {items}
</InfiniteScroll>
mezhanglei commented 3 years ago

react-infinite-scroll-component版本：5.1.0

描述

我正在使用引导程序的边界微调器作为加载程序组件。将Chrome更新到版本87后，我注意到该.infinite-scroll-component元素内的滚动滚动。我现在将边界微调器更改为成长中的微调器。

例

我修改了原始演示：https： //codesandbox.io/s/quirky-dust-z3jp1

图片

try another components react-awesome-infinite-scroll

oeclint commented 3 years ago

style={{ overflow: 'hidden' }} worked for me. But i'm still wondering if this is a bug.