[Calendar] Cursor style is not pointer when `isInteractive` prop is `true`
See original GitHub issueShould be self-explanatory from the title. For UX (and maybe a11y?) reasons I’d like to think that if isInteractive: true
, then cursor should change style to pointer on hover.
Easily reproducible in the docs sample https://nivo.rocks/calendar/
======
Bonus points if there’s condition check? Kinda going overboard here, but right now I have a situation where some days can have an URL, so I’d like to be able to click on the day with URL to open that URL (doable with onClick
), and to have correct cursor style for that (not sure about that part).
Issue Analytics
- State:
- Created 2 years ago
- Reactions:3
- Comments:6 (2 by maintainers)
Top Results From Across the Web
cursor - CSS: Cascading Style Sheets - MDN Web Docs
The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.
Read more >Why is "cursor:pointer" effect in CSS not working
This caused any pointer events to be just ignored, which includes the cursor. To fix this, you can just set the style to...
Read more >StyleSheet: "cursor" not a valid prop type · Issue #506 - GitHub
One is not able to style cursor using StyleSheet. One should be able to set cursor. Warning: Failed prop type: Invalid props.style key ......
Read more >Buttons shouldn't have a hand cursor | by Adam Silver - Medium
There's a belief that the hand (pointer) cursor means clickable, but this is wrong and potentially problematic. The hand does not mean clickable....
Read more >Tooltip | Components - BootstrapVue
Easily add tooltips to elements or components via the component or v-b-tooltip directive.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Looking for the same, When user hovers over pieChart it should be hand cursor OR there should be an prop to handle styles/cursor
Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!