520 questions
0
votes
0
answers
73
views
FlashList React Native rendering mismatch
Im using flashlist from shopify to contain simple card components with a vertical scroll, the cards have an image and a title shown inmediately. I am having an issue where when I get to around 10 ...
- 11
2
votes
0
answers
496
views
Prevent Scroll Jumping When Prepending New Items in React Table Virtuoso
I am using React Table Virtuoso for a large list of loads in my React app. The table updates every n seconds by prepending newly found loads to the top. However, this causes an issue where the ...
0
votes
1
answer
284
views
How to virtualize rows inside an expandable panel in React Virtualized?
I am using React Virtualized to render a list with expandable panels. The issue is that when a panel expands, all 500+ rows inside it are loaded at once, making the UI very slow.
The outer list is ...
- 3,628
2
votes
4
answers
425
views
How to Fix First and Last Column in react-virtualized List?
I am working with react-virtualized and have a custom header along with a long list. I was able to fix (freeze) the first and last columns in the header while scrolling horizontally, but I am unable ...
- 3,628
0
votes
1
answer
63
views
How can I add margin (space between each box) to all my rendered items in react virtualized grid?
I use react virtualized to show some items. My problem is now how can I add margin for each box to have space between every box ?
here is a sandbox you see all boxes are bordered and have no space. ...
- 41
1
vote
0
answers
225
views
How to implement react window in Shadcnui combobox?
I have very large lists of items that I need to show on the ui inside a Combobox of shadcn ui but due to lists being large, it takes too much time.
So I wanted to virtualize the list and only render ...
- 23
2
votes
0
answers
199
views
react-beautiful-dnd Invariant failed: Cannot find droppable entry with id
I'm having an issue using react-beautiful-dnd within a react-virtualized List. My app has sections, each with its own Droppable, and contains Draggable elements. The problem occurs when I try to drag ...
1
vote
1
answer
124
views
HOC(Multigrid) from react-virtualized strange update method
I use Multigrid to create a scrolling table. There is a requirement: to be able to manually change the widths of columns, including the header column (sidewall)
Example:
https://codesandbox.io/p/...
- 11
3
votes
2
answers
3k
views
Issue with react-virtualized and Vite: "No matching export for import bpfrpt_proptype_WindowScroller"
I am working on a React project (version 16) that is bootstrapped with Vite. I am encountering an issue with the react-virtualized library, specifically with the WindowScroller component. When I try ...
1
vote
1
answer
3k
views
How to improve scroll performance of react tanstack table with virtualization?
We're having a big problem in our app where the each row rendering in our table adds a high overhead and blocks the JS main thread with long tasks, making the app feel over slow and sluggish. We're ...
0
votes
0
answers
100
views
CSS Scrolling overflow content issue with absolute positioned items
I have absolute positioned navigation items within a resizable container.
The problem is when you scrolled the overflow content horizontally, the child elements (they're absolute positioned because of ...
- 669
0
votes
1
answer
97
views
How to render doc to html converted data(html) into webpage
Scenario:
I have one largest (50MB - size) file and converted that into html file using third party tool.
Now I wish to showcase converted HTML file into my webpage
When trying this scenario my React ...
1
vote
1
answer
354
views
Is getMenuProps necessary in React downshift autocomplete library?
I see the readme on getMenuProps, but it doesn't explain what the refs are used for. It seems to have an effect when I move it around. I'm not sure if it is required to go on a list element directly ...
- 80.5k
1
vote
1
answer
391
views
Why is my react-virtualized list not displaying scrollbar unless I make sure height is lower than rowCount*rowHeight?
I am using "react-virtualized": "9.22.5", and I am trying to render a list.
When I pass
<List
height={myList.length * 30}
rowHeight={30}
rowCount={myList.length}
width={...
- 432
0
votes
0
answers
451
views
React virtualized, Infinite Scroll - start at the bottom of List
I am using react-virtualized to create an infinite scroll. The code for this is shown below (full link to the codesandbox where this code is taken from- https://codesandbox.io/p/sandbox/react-...
