When navigating to a fragment inside a `<details>`, open it…

…this matches browsers' native behaviour.

Calum Smith committed 1 year ago

Commit d6f16be1 parent dd2c3e52 files · +11 −0Browse files

Unified · Split

2 files

assets/javascripts/lib/util.js +10 −0
assets/javascripts/views/content/content.js +1 −0

assets/javascripts/lib/util.js+10−0

@@ -353,6 +353,16 @@ $.lockScroll = function (el, fn) { · 352 unmodified lines
353	353	}
354	354	};
355	355
	356	+// If `el` is inside any `<details>` elements, expand them.
	357	+$.openDetailsAncestors = function (el) {
	358	+ while (el) {
	359	+ if (el.tagName === "DETAILS") {
	360	+ el.open = true;
	361	+ }
	362	+ el = el.parentElement;
	363	+ }
	364	+}
	365	+
356	366	let smoothScroll =
357	367	(smoothStart =
358	368	smoothEnd =

assets/javascripts/views/content/content.js+1−0

@@ -114,6 +114,7 @@ app.views.Content = class Content extends app.View { · 113 unmodified lines
114	114	$.scrollToWithImageLock(el, this.scrollEl, "top", {
115	115	margin: this.scrollEl === this.el ? 0 : $.offset(this.el).top,
116	116	});
	117	+ $.openDetailsAncestors(el);
117	118	$.highlight(el, { className: "_highlight" });
118	119	} else {
119	120	this.scrollTo(this.scrollMap[this.routeCtx.state.id]);