question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Calendar] Cursor style is not pointer when `isInteractive` prop is `true`

See original GitHub issue

Should 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:closed
  • Created 2 years ago
  • Reactions:3
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
AbhaySBhosalecommented, Feb 7, 2022

Looking for the same, When user hovers over pieChart it should be hand cursor OR there should be an prop to handle styles/cursor

0reactions
stale[bot]commented, Jul 6, 2022

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!

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found