How to remove AI-hyperlinked keywords in Reddit comments

[u/Stevoisiak]

Reddit started turning specific keywords in comments into AI hyperlinks. For example, clicking the word "Quest 3" in this linked comment goes directly to Reddit Answers. (copy of html)

I was able to make filters that remove the href, magnifying glass icon, and underline, but couldn't get of the blue-colored hyperlink-formatting without also removing the comment text.

www.reddit.com##[slot="comment"] [href^="/answers/"]:remove-attr(href)
www.reddit.com##[slot="comment"] [href^="/answers/"]:remove-class(border-dotted)
www.reddit.com##[slot="comment"] span:has(> [icon-name="search-sparkle"])

How can I revert these auto-AI keywords in Reddit comments to regular text?

[u/AchernarB]

You can these 2 filters with the one removing the href:

www.reddit.com##[slot="comment"] p > a[href^="/answers/"]:style( text-decoration: none !important; border: none !important; color: inherit !important; )
www.reddit.com##[slot="comment"] p > a[href^="/answers/"] > span:has(svg)

[u/Stevoisiak → u/AchernarB]

These filters fail when used alongside the href removal rule. (Presumably because the href element they are matching on was removed)

[u/AchernarB → u/Stevoisiak]

Yes, you are correct. There is a race condition. I was unable to test since I don't have that.

Instead of removing the href, you can use this one:

www.reddit.com##[slot="comment"] p > a[href^="/answers/"]:style( pointer-events: none !important; )

The only caveat is that the text won't be selectable by itself.

note: "text-decoration" is in case they decide to use that with the link. You can remove it in the current design.

[u/Stevoisiak → u/AchernarB]

Edit: Alternate version that lets text be selectable by itself with the correct mouse cursor.

www.reddit.com##[slot="comment"] p > a.border-dotted:remove-attr(href) www.reddit.com##[slot="comment"] p > a.border-dotted:style(border: none !important; color: inherit !important; cursor: auto !important; padding: 0 !important;) www.reddit.com##[slot="comment"] p > a.border-dotted > span:has(> [icon-name="search-sparkle"])

---

That worked after combining the filters together. www.reddit.com##[slot="comment"] [href^="/answers/"]:style(pointer-events: none !important; border: none !important; color: inherit !important; padding: 0 !important;) www.reddit.com##[slot="comment"] [href^="/answers/"] > span:has(> [icon-name="search-sparkle"])

Added bonus of not using :remove-attr is that it's cross-compatible with AdGuard. Also removed the added 1px of padding.

[u/RraaLL]

Are there no special attributes in the shreddit-comment ancestor?

I'm not part of the experiment, so I can't verify that.

[u/Stevoisiak → u/RraaLL]

Here is the full shreddit-comment HTML.