retype
retype copied to clipboard
[Bug][Mobile] Reference Link component: cannot open 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
autoand does the above -
10 !importantseems to do the above too -
-10 !importantmade desktop Firefox behave the same way as in mobile -
999 !importantdoes the same as10
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