Does this PR also fix show-whitespace as shown in the screenshot?
#8504 (comment)

It seems like it does actually. I'm confused

This is really cool, it works. One thing I noticed is that it breaks horizontal mousewheel scrolling when the cursor is on one of the anchors. This is most likely due to the DOM location of the links

This is a relatively minor annoyance, but perhaps it has an easy fix.

Use the feature itself as a test URL:

• https://github.com/refined-github/refined-github/blob/main/source/features/linkify-code.tsx
• https://github.com/refined-github/refined-github/blame/main/source/features/linkify-code.tsx

Also I'm seeing the links appear and then disappear as the UI settles: 5e1cb0e

Demo, a page reload:

I'd handle this in a separate PR or just open a new tracking issue. Fixing some views is better than pushing this PR further. We can ship it by v26.2.1

@SunsetTechuila if this PR doesn't fix all features mentioned by #6336, it should be unlinked or rather a new, more specific followup issue could be opened.

Is anything other than linkify-code mentioned in #6336? Both issue refs and URLs are processed by that one feature

I was under the impression that our many "linkify" features were also affected. If not, no problem

There is one more feature broken: linkify-symbolic-links

This is a relatively minor annoyance, but perhaps it has an easy fix.

Can't come up with anything other than

clonedLink.addEventListener("wheel", (event) => {
  const scrollValue = event.shiftKey ? event.deltaY : event.deltaX;
  textarea.scrollLeft += scrollValue;
  event.preventDefault();
}, { passive: false });

And this isn't good. I wish you could just re-dispatch the event on a different element

How is GitHub dealing with it? If you move the anchors inside the element that has the horizontal overflow, it should work.

If you move the anchors inside the element that has the horizontal overflow

The textarea and elements under it have horizontal overflow

This is a relatively minor annoyance, but perhaps it has an easy fix.

Can't come up with anything other than

clonedLink.addEventListener("wheel", (event) => {
  const scrollValue = event.shiftKey ? event.deltaY : event.deltaX;
  textarea.scrollLeft += scrollValue;
  event.preventDefault();
}, { passive: false });

And this isn't good. I wish you could just re-dispatch the event on a different element

@fregante so, is this better than nothing or not?

It's worth a try. What kind of mouse/trackpack do you have?

A mouse without the ability to scroll horizontally, if that's what you're asking

If you are on Windows it looks like you can scroll horizontally by holding the shift key down. You can try it out and send a PR, I'll try it on my trackpad later.

My main concern was that most mice scroll in large jumps while trackpads move smoothly. A lot of scroll-related JS code doesn't understand this difference and will make trackpad scrolls unusable.

you can scroll horizontally by holding the shift key down.

I know, I've tested that snippet

Also I'm seeing the links appear and then disappear as the UI settles: 5e1cb0e

I don't have this issue anymore.

Links also used to disappeared on hover as spans were re-rendering.