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
fix: conflicting zindex of linkoverlay with opacity #5632
fix: conflicting zindex of linkoverlay with opacity #5632
Conversation
🦋 Changeset detectedLatest commit: ea6770d The changes in this PR will be included in the next version bump. This PR includes changesets to release 4 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
This pull request is being automatically deployed with Vercel (learn more). 🔍 Inspect: https://vercel.com/chakra-ui/chakra-ui-storybook/HHbfydo8xND49FQxa5AiviTe6QE5 |
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit ea6770d:
|
Tests with |
The flaky are kinda annoying but I could not pin point it yet. I think there has to be some rogue mock, which isn't reset correctly, but who knows 🤷 I'd love to merge a PR which addresses this 😄 |
chakra-ui#5632 was solved by changing the zIndex of the linkbox, however the elevated link it self was not updated. This breaks if the elevated link is before the overlay link in the DOM.
Closes #5630
📝 Description
Fixed an issue regarding the zIndex of the LinkOverlay in LinkBox.
⛳️ Current behavior (updates)
Content outside the LinkOverlay can not be clicked when having an opacity below 1.
Codesandbox from the issue: https://codesandbox.io/s/laughing-sun-q1qjmw?file=/src/index.tsx
🚀 New behavior
Content outside the LinkOverlay can be clicked when having an opacity below 1.
Codesandbox with an override of the changed zIndex of this PR: https://codesandbox.io/s/elegant-varahamihira-9zuwk6?file=/src/index.tsx
💣 Is this a breaking change (Yes/No):
No
📝 Additional Information