refined-github · fregante · May 20, 2026 · May 19, 2026 · May 19, 2026 · May 19, 2026
diff --git a/build/__snapshots__/features-meta.json b/build/__snapshots__/features-meta.json
@@ -436,6 +436,7 @@
 	{
 		"id": "linkify-line-numbers",
 		"description": "Linkifies the line numbers where GitHub forgot to add links.",
+		"css": true,
 		"screenshot": "https://github.com/refined-github/refined-github/assets/1402241/d5b67f4e-35c3-45d8-b72c-937b855168c3"
 	},
 	{

diff --git a/source/features/github-bugs.css b/source/features/github-bugs.css
@@ -303,3 +303,10 @@ review-thread-collapsible > .js-toggle-outdated-comments {
 .ActionListItem-singleSelectCheckmark {
 	transition: none !important;
 }
+
+/* Prevent empty diff cells from looking clickable */
+/* Info: https://github.com/refined-github/refined-github/pull/9532#pullrequestreview-4321433264 */
+/* Test: https://github.com/refined-github/sandbox/pull/81 */
+.empty-cell {
+	cursor: default !important;
+}
diff --git a/source/features/linkify-line-numbers.css b/source/features/linkify-line-numbers.css
@@ -0,0 +1,6 @@
+html:not([rgh-OFF-linkify-line-numbers]) {
+	.blob-num:not(.blob-num-hunk, .empty-cell):hover {
+		cursor: pointer;
+		text-decoration: underline;
+	}
+}
diff --git a/source/features/linkify-line-numbers.tsx b/source/features/linkify-line-numbers.tsx
@@ -1,11 +1,14 @@
+import './linkify-line-numbers.css';
+
 import * as pageDetect from 'github-url-detection';
 import {$closest} from 'select-dom';
+import delegate, {type DelegateEvent} from 'delegate-it';
+import {isAlteredClick} from 'filter-altered-clicks';
 
 import features from '../feature-manager.js';
-import replaceElementTypeInPlace from '../helpers/recreate-element.js';
-import observe from '../helpers/selector-observer.js';
+import onAlteredClick from '../helpers/on-altered-click.js';
 
-function linkify(lineNumberCell: HTMLTableCellElement): void {
+function getLinkToLine(lineNumberCell: HTMLElement): string {
 	const {lineNumber} = lineNumberCell.dataset;
 	if (!lineNumber) {
 		throw new Error('Expected the cell to have the `data-line-number` attribute');
@@ -14,19 +17,29 @@ function linkify(lineNumberCell: HTMLTableCellElement): void {
 	const fileLink = $closest(['.Box', '.review-thread-component'], lineNumberCell)
 		.querySelector(['a[href*="#L"]', 'a[href*="#diff-"]'])!;
 
-	const lineUrl = fileLink.hash.startsWith('#diff-')
+	return fileLink.hash.startsWith('#diff-')
 		? fileLink.pathname + fileLink.hash + `R${lineNumber}`
 		: fileLink.pathname + `#L${lineNumber}`;
+}
+
+function openLinkToLine(event: DelegateEvent<PointerEvent, HTMLElement>): void {
+	if (!isAlteredClick(event)) {
+		location.href = getLinkToLine(event.delegateTarget);
+	}
+}
 
-	const linkified = replaceElementTypeInPlace(lineNumberCell, 'a');
-	linkified.href = lineUrl;
-	linkified.classList.add('d-table-cell', 'no-underline', 'Link--onHover');
+function openLinkToLineInNewTab(event: DelegateEvent<PointerEvent, HTMLElement>): void {
+	window.open(getLinkToLine(event.delegateTarget), '_blank');
 }
 
+const lineNumberCellSelector = 'td.blob-num:not(.blob-num-hunk, .empty-cell)';
+
 function init(signal: AbortSignal): void {
-	observe('.blob-num:not(.blob-num-hunk, .empty-cell)', linkify, {signal});
+	delegate(lineNumberCellSelector, 'click', openLinkToLine, {signal});
+	onAlteredClick(lineNumberCellSelector, openLinkToLineInNewTab, {signal});
 }
 
+void features.addCssFeature(import.meta.url);
 void features.add(import.meta.url, {
 	include: [
 		pageDetect.isConversation,