16

In the third spoiler on this answer, the hyperlink is only partially clickable when hovering over it. The part which is not clickable matches with the dimensions of the "Reveal spoiler" label which is shown on unrevealed spoilers

enter image description here

Live test with the example of a hyperlink (line break position depending on the viewport size of your browser):

foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo I am a little hyperlink


Credit to user289905:

Currently, the CSS in use is .s-prose .spoiler.is-visible::after { opacity: 0; }. Adding pointer-events: none;` would help. It works in IE11+

2
  • 8
    This is not specific to hyperlinks at all. It’s the invisible “Reveal spoiler” label that overlaps the top-right corner. Currently, the CSS in use is .s-prose .spoiler.is-visible::after { opacity: 0; }. Adding pointer-events: none; would help. It works in IE11+. – Sebastian Simon Aug 30 '20 at 20:39
  • @user289905 Ah, thanks! Will edit. – Lukas Rotter Aug 30 '20 at 20:41
4

This has been fixed and is live. The fix was exactly as suggested: adding pointer-events: none to the ::after pseudoelement.

Thanks for the report!

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .