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
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-indexto different values:autoand does the above10 !importantseems to do the above too-10 !importantmade desktop Firefox behave the same way as in mobile999 !importantdoes the same as10So 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: