spectrum-web-components
spectrum-web-components copied to clipboard
[Bug]: In Safari, grid view is showing a noticable delay on loading more than 60 or 70 cards.
trafficstars
Code of conduct
- [X] I agree to follow this project's code of conduct.
Impacted component(s)
sp-grid
Expected behavior
Ideally, the grid view in safari should work same as chrome.
Actual behavior
In safari, when we load more than 70 cards using sp-grid, we see a noticeable delay in all the operations on the page. I see the same delay occurring in the grid view story book (when loaded in safari) when I try to select the cards or do operations on the action bar.
Screenshots
No response
What browsers are you seeing the problem in?
Safari
How can we reproduce this issue?
- Go to 'https://grid--spectrum-web-components.netlify.app/storybook/?path=/story/grid--default' in Safari.
- Select any card and notice the delay.
- Try to select multiple cards. You can see the delay in selection.
- Try to click on any icon in the action bar. You can notice the delay in these operations well.
Sample code that illustrates the problem
No response
Logs taken while reproducing problem
No response