You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Currently I try it with chrome browser. I press arrowDown to the first content row, then I click the second asset of the first row, and long press arrowDown to the end and long press arrowUp to the appbar, the scroll behavior of the content rows is weird, the first content row can't show in view. If I remove the throttle: 250, then it is normal.
Hello, I think the issue here is that you're not throttling the focusSelf so it's interfering with the rest of key presses.
When you use the throttle option, all key presses are throttled but that's not the case for manual calls to setFocus (like the one it's done in focusSelf).
You should handle that manually on your app, depending on the desired behavior.
Describe the bug
Hi! I begin the library with your example. Then I try to customize it. The config of the init:
also I call the
focusSelf
onMouseEnter event in the assetCurrently I try it with chrome browser. I press arrowDown to the first content row, then I click the second asset of the first row, and long press arrowDown to the end and long press arrowUp to the appbar, the scroll behavior of the content rows is weird, the first content row can't show in view. If I remove the
throttle: 250
, then it is normal.To Reproduce
Steps to reproduce the behavior:
Expected behavior
Screenshots
![tutieshi_640x360_5s (1)](https://private-user-images.githubusercontent.com/50443390/326646782-9a4f17d2-5460-4d23-ad2c-f527c600eef6.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAyMTQ4MjcsIm5iZiI6MTcyMDIxNDUyNywicGF0aCI6Ii81MDQ0MzM5MC8zMjY2NDY3ODItOWE0ZjE3ZDItNTQ2MC00ZDIzLWFkMmMtZjUyN2M2MDBlZWY2LmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA1VDIxMjIwN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWExNWFiZTk3NjlhNDMzMzUxZjQwYWQwZGIwMjRlNjQxZGM0NWE0Y2FkYTkyOGQzZWEzNjAxZTc5MjljNTg1ODQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Y8hZ9fqUnj_qYPQ-wZ37nwXgxHUErPy8efdQd2QkqWM)
![tutieshi_640x360_5s (2)](https://private-user-images.githubusercontent.com/50443390/326646611-398064ff-5bd8-4ea2-8051-1c8d8d3071aa.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAyMTQ4MjcsIm5iZiI6MTcyMDIxNDUyNywicGF0aCI6Ii81MDQ0MzM5MC8zMjY2NDY2MTEtMzk4MDY0ZmYtNWJkOC00ZWEyLTgwNTEtMWM4ZDhkMzA3MWFhLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA1VDIxMjIwN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQzNTY3ZDNhOGRhYjkyOGQ0MDcxY2QxNTU3OTY4NGExYzdkNTk5NjIzNmJmMjJiNjM3ZTgzZTJlNzY1Zjc0NTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Ul1RC-TF5FWtxZ2yrTwwMpDYthtkePKdAV2GysLRjFU)
https://github.com/NoriginMedia/Norigin-Spatial-Navigation/assets/50443390/5f4b2555-f25e-4a06-b8c3-7e29fe97c8f2
click the item
scroll down and scroll up
Additional context
Here's the demo, I upload it to the codesandbox, but it seems unable to run online, need to download and run in local I guess.
https://codesandbox.io/p/devbox/9vwlmz?file=%2Fsrc%2Fmain.tsx%3A17%2C5
Could help to review the issue? Thank you!
The text was updated successfully, but these errors were encountered: