refined-github · SunsetTechuila · May 7, 2026 · May 6, 2026 · May 6, 2026 · May 6, 2026
diff --git a/source/features/linkify-line-numbers.tsx b/source/features/linkify-line-numbers.tsx
@@ -1,27 +1,30 @@
-import delegate, {type DelegateEvent} from 'delegate-it';
-import {isAlteredClick} from 'filter-altered-clicks';
 import * as pageDetect from 'github-url-detection';
 import {$closest} from 'select-dom';
 
+import replaceElementTypeInPlace from '../helpers/recreate-element.js';
+import observe from '../helpers/selector-observer.js';
 import features from '../feature-manager.js';
 
-function openLinkToLine(event: DelegateEvent<MouseEvent, HTMLTableCellElement>): void {
-	const cell = event.delegateTarget;
-	const fileLink = $closest(['.Box', '.review-thread-component'], cell)
-		.querySelector(['a[href*="#L"]', 'a[href*="#diff-"]'])!;
-	const url = fileLink.hash.startsWith('#diff-')
-		? fileLink.pathname + fileLink.hash + `R${cell.dataset.lineNumber}`
-		: fileLink.pathname + `#L${cell.dataset.lineNumber}`;
-
-	if (isAlteredClick(event)) {
-		window.open(url);
-	} else {
-		location.href = url;
+function linkify(lineNumberCell: HTMLTableCellElement): void {
+	const {lineNumber} = lineNumberCell.dataset;
+	if (!lineNumber) {
+		throw new Error('Expected the cell to have the `data-line-number` attribute');
 	}
+
+	const fileLink = $closest(['.Box', '.review-thread-component'], lineNumberCell)
+		.querySelector(['a[href*="#L"]', 'a[href*="#diff-"]'])!;
+
+	const lineUrl = fileLink.hash.startsWith('#diff-')
+		? fileLink.pathname + fileLink.hash + `R${lineNumber}`
+		: fileLink.pathname + `#L${lineNumber}`;
+
+	const linkified = replaceElementTypeInPlace(lineNumberCell, 'a');
+	linkified.href = lineUrl;
+	linkified.classList.add('d-table-cell', 'no-underline', 'Link--onHover');
 }
 
 function init(signal: AbortSignal): void {
-	delegate('td[data-line-number]:empty', 'click', openLinkToLine, {signal});
+	observe('.blob-num:empty:not(.blob-num-hunk)', linkify, {signal});
 }
 
 void features.add(import.meta.url, {

diff --git a/source/features/no-modals.tsx b/source/features/no-modals.tsx
@@ -1,28 +1,25 @@
 import delegate, {type DelegateEvent} from 'delegate-it';
 import * as pageDetect from 'github-url-detection';
-import {isAlteredClick} from 'filter-altered-clicks';
 
 import features from '../feature-manager.js';
 import {buildRepoUrl} from '../github-helpers/index.js';
 import onetime from '../helpers/onetime.js';
+import onAlteredClick from '../helpers/on-altered-click.js';
 
 function fix(event: DelegateEvent<MouseEvent, HTMLAnchorElement>): void {
 	event.stopImmediatePropagation();
 	event.delegateTarget.removeAttribute('target');
 }
 
 function handleAlteredClick(event: DelegateEvent<MouseEvent, HTMLLIElement>): void {
-	if (isAlteredClick(event)) {
-		event.stopImmediatePropagation();
-		event.preventDefault();
-		window.open(buildRepoUrl('issues/new/choose'), '_blank');
-	}
+	event.stopImmediatePropagation();
+	event.preventDefault();
+	window.open(buildRepoUrl('issues/new/choose'), '_blank');
 }
 
 function initNewIssueInNewTabOnce(): void {
-	delegate(
+	onAlteredClick(
 		'li[aria-keyshortcuts="n"]:has(.octicon-issue-opened)',
-		'click',
 		handleAlteredClick,
 		{capture: true},
 	);

diff --git a/source/helpers/on-altered-click.ts b/source/helpers/on-altered-click.ts
@@ -0,0 +1,30 @@
+import type {ParseSelector} from 'typed-query-selector/parser.d.js';
+import delegate, {type DelegateEventHandler, type DelegateOptions} from 'delegate-it';
+import {isAlteredClick} from 'filter-altered-clicks';
+
+export default function onAlteredClick<Selector extends string>(
+	selector: Selector | readonly Selector[],
+	callback: DelegateEventHandler<PointerEvent, ParseSelector<Selector>>,
+	options?: DelegateOptions,
+): void {
+	const clickListener: typeof callback = event => {
+		if (isAlteredClick(event)) {
+			callback(event);
+		}
+	};
+
+	const auxClickListener: typeof callback = event => {
+		// Is middle click
+		if (event.button === 1) {
+			callback(event);
+		}
+	};
+
+	const preventAutoScrolling = (event: MouseEvent): void => {
+		event.preventDefault();
+	};
+
+	delegate(selector, 'click', clickListener, options);
+	delegate(selector, 'auxclick', auxClickListener, options);
+	delegate(selector, 'mousedown', preventAutoScrolling, {...options, capture: true});
+}