retype icon indicating copy to clipboard operation
retype copied to clipboard

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

Open cclypeatus opened this issue 1 year ago • 0 comments

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

cclypeatus avatar Sep 13 '24 21:09 cclypeatus