Fix click on blob line in references panel causing a full browser ref…

…resh (sourcegraph#47967)

client/web/src/repo/blob/codemirror/navigate-to-any-line-on-click.ts

@@ -31,7 +31,7 @@ class LineLinkManager implements PluginValue {
  line.to,
  Decoration.mark({
  tagName: 'a',
- attributes: { href, 'data-line-link': '' },
+ attributes: { href, 'data-cm-line-link': '' },
  class: 'text-decoration-none',
  })
  )
@@ -50,11 +50,13 @@ export const navigateToLineOnAnyClickExtension: Extension = [
  EditorView.domEventHandlers({
  click(event, view) {
  const target = event.target as HTMLElement
- // Check to see if the clicked target is a token link.
- // If it is, push the link to the history stack.
- if (target.matches('[data-line-link]')) {
+ const closest = target.closest('[data-cm-line-link]')
+
+ // Check to see if the clicked target is a or is inside a token link.
+ // If it is, navigate to the link.
+ if (closest) {
  event.preventDefault()
- const href = target.getAttribute('href')!
+ const href = closest.getAttribute('href')!
  const props = view.state.facet(blobPropsFacet)
  if (props.nav) {
  props.nav(href)