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

Progress is not a clickable element when used with LinkOverlay #8432

Open
1 of 3 tasks
gleuch opened this issue Apr 12, 2024 · 0 comments
Open
1 of 3 tasks

Progress is not a clickable element when used with LinkOverlay #8432

gleuch opened this issue Apr 12, 2024 · 0 comments

Comments

@gleuch
Copy link

gleuch commented Apr 12, 2024

Description

When using Progress with LinkOverlay, the progress bar is not clickable.

Link to Reproduction

https://codepen.io/_gleuch/pen/JjVZpZj

Steps to reproduce

  1. Hover over any <Progress> bar component within a <LinkBox> component
  2. Try to click on the progress, it should be wrapped but is not

Chakra UI Version

2.8.2

Browser

Google Chrome 124

Operating System

  • macOS
  • Windows
  • Linux

Additional Information

When looking at generated CSS for progress bar, it seems that position:relative on the progress bar parent is preventing LinkOverlay from working correctly. I've been able to circumvent using <Progress position="unset" value={50} />.

I have not tried any other browsers or OS's.

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

1 participant