From: Dan Brown <redacted>
Date: Sat, 9 Mar 2024 15:07:51 +0000 (+0000)
Subject: Page Display: Fixed highlighting for elements in nested details
X-Git-Tag: v24.02.1^2~5
X-Git-Url: http://source.bookstackapp.com/bookstack/commitdiff_plain/5a5f0b8de95b95827d7ee83c3057429e4afa7836

Page Display: Fixed highlighting for elements in nested details

For #4878
---

diff --git a/resources/js/services/util.js b/resources/js/services/util.js
index 59affff88..942456d9d 100644
--- a/resources/js/services/util.js
+++ b/resources/js/services/util.js
@@ -31,9 +31,12 @@ export function debounce(func, waitMs, immediate) {
 export function scrollAndHighlightElement(element) {
     if (!element) return;
 
-    const parentDetails = element.closest('details');
-    if (parentDetails && !parentDetails.open) {
-        parentDetails.open = true;
+    let parent = element;
+    while (parent.parentElement) {
+        parent = parent.parentElement;
+        if (parent.nodeName === 'DETAILS' && !parent.open) {
+            parent.open = true;
+        }
     }
 
     element.scrollIntoView({behavior: 'smooth'});