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

[Bug][Mobile] Reference Link component: cannot open link #707

Open
cclypeatus opened this issue Sep 13, 2024 · 0 comments
Open

[Bug][Mobile] Reference Link component: cannot open link #707

cclypeatus opened this issue Sep 13, 2024 · 0 comments

Comments

@cclypeatus
Copy link

When tapping a ref link on mobile, the border will darken as if hovered/focused on but the link won't open. Works fine on desktop Firefox, just not on mobile Safari and Firefox.

I tried adjusting the link's z-index to different values:

  • default is auto and does the above
  • 10 !important seems to do the above too
  • -10 !important made desktop Firefox behave the same way as in mobile
  • 999 !important does the same as 10

So either the solution is in another castle or in mobile there's an overlapping element with a ridiculous z-index for some reason.

This was the selector I used for the link:

.mb-6.px-5.py-4.flex.justify-between.relative.border.border-gray-300.rounded.transition-colors.duration-150 > a
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