mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-10-26 12:27:06 +00:00 
			
		
		
		
	Fix markdown anchor re-clicking (#21931)
The hashchange event did not fire on re-click of a active anchor. Instead, use the click event which always fires. Fixes: https://github.com/go-gitea/gitea/issues/21680 Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com> Co-authored-by: zeripath <art27@cantab.net>
This commit is contained in:
		| @@ -2,10 +2,11 @@ import {svg} from '../svg.js'; | ||||
|  | ||||
| const headingSelector = '.markup h1, .markup h2, .markup h3, .markup h4, .markup h5, .markup h6'; | ||||
|  | ||||
| function scrollToAnchor() { | ||||
|   if (document.querySelector(':target')) return; | ||||
|   if (!window.location.hash || window.location.hash.length <= 1) return; | ||||
|   const id = decodeURIComponent(window.location.hash.substring(1)); | ||||
| function scrollToAnchor(hash, initial) { | ||||
|   // abort if the browser has already scrolled to another anchor during page load | ||||
|   if (initial && document.querySelector(':target')) return; | ||||
|   if (hash?.length <= 1) return; | ||||
|   const id = decodeURIComponent(hash.substring(1)); | ||||
|   const el = document.getElementById(`user-content-${id}`); | ||||
|   if (el) { | ||||
|     el.scrollIntoView(); | ||||
| @@ -24,9 +25,11 @@ export function initMarkupAnchors() { | ||||
|     a.classList.add('anchor'); | ||||
|     a.setAttribute('href', `#${encodeURIComponent(originalId)}`); | ||||
|     a.innerHTML = svg('octicon-link'); | ||||
|     a.addEventListener('click', (e) => { | ||||
|       scrollToAnchor(e.currentTarget.getAttribute('href'), false); | ||||
|     }); | ||||
|     heading.prepend(a); | ||||
|   } | ||||
|  | ||||
|   scrollToAnchor(); | ||||
|   window.addEventListener('hashchange', scrollToAnchor); | ||||
|   scrollToAnchor(window.location.hash, true); | ||||
| } | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 silverwind
					silverwind