Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Possible to pass as prop delay for expandTrigger='hover' ? #352

Open
namiwa opened this issue Nov 29, 2022 · 1 comment
Open

Possible to pass as prop delay for expandTrigger='hover' ? #352

namiwa opened this issue Nov 29, 2022 · 1 comment

Comments

@namiwa
Copy link

namiwa commented Nov 29, 2022

Currently, with expandTrigger='hover', component changes selection too quickly. Would it be possible to expose a delay prop into the component to control this behavior?

The current hover sandbox found in the docs site is showing a sandbox error

The sand box below is forked with a working example:
https://codesandbox.io/s/confident-swartz-e1kxin?file=/Cascader.tsx:7876-7879

@gilicaspi
Copy link

Hi @namiwa, I've been getting a bit stuck with this issue as well. When trying to navigate to a submenu in my app I keep accidentally opening a different submenu.

It reminded me of this blog post from a while back about creating a 'safe' triangle from the initial mouse position to the submenu: https://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown

It looks like react-aria has implemented this in their submenus: https://react-spectrum.adobe.com/blog/creating-a-pointer-friendly-submenu-experience.html

If I can get this user-intent triangle working in rc-cascader, would folks be interested in me opening a PR?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants