search

petyosi / react-virtuoso

The most powerful virtual list component for React
https://virtuoso.dev
MIT License
5.25k stars 301 forks source link

I have warning "ResizeObserver loop limit exceeded" #699

Closed kambie10 closed 2 years ago

kambie10 commented 2 years ago

Screen Shot 2022-06-29 at 21 25 27 i have warning "service call failed, ResizeObserver loop limit exceeded"

flow code :

<VirtuosoGrid
   style={{ height: '100%' }}
   totalCount={total}
   overscan={20}
   components={{
      List: ListContainer,
    }}
    itemContent={renderBanner}
    scrollSeekConfiguration={{
     enter: (velocity) => Math.abs(velocity) > 200,
     exit: (velocity) => Math.abs(velocity) < 30,
     }}
  />

you have a solution, fix this warning ?

"react-virtuoso": "^2.16.0" "react" : "17.0.2"

petyosi commented 2 years ago

https://github.com/petyosi/react-virtuoso/issues/254#issuecomment-766319461 see this.

zlargon commented 2 years ago

Does this warning cause any real issue? I'm just curious.

LiomSV commented 1 year ago

@petyosi Are there any plans to fix the issue?

I saw a workaround you've mentioned in another issue.

But the workaround doesn't fit for Safari. The suggested approach mutes the errors and it relies on error's message, but Safari emits error with general message: "Script error." It seems that many other errors might be skipped muting such general error.

petyosi commented 1 year ago

@LiomSV I am not aware of a way to avoid that without damaging the performance of the component. feel free to explore what I did, reverted, and suggest a possible workaround.