Merge pull request #3521 from AlchemyCMS/backport/8.0-stable/pr-3518

[8.0-stable] fix(ElementsWindow): Focus element if element dom_id is in the url hash

Author: tvdeyen

app/javascript/alchemy_admin/components/elements_window.js

@@ -1,4 +1,5 @@
 import SortableElements from "alchemy_admin/sortable_elements"
+import { ElementEditor } from "alchemy_admin/components/element_editor"
 
 class ElementsWindow extends HTMLElement {
   #visible = true
@@ -15,9 +16,7 @@ class ElementsWindow extends HTMLElement {
       this.toggle()
     })
     if (window.location.hash) {
-      document
-        .querySelector(window.location.hash)
-        ?.trigger("FocusElementEditor.Alchemy")
+      this.focusElementEditor(window.location.hash)
     }
     SortableElements()
     this.resize()
@@ -64,6 +63,16 @@ class ElementsWindow extends HTMLElement {
     }
   }
 
+  // Focus element editor and element in preview if URL contains hash to element editor.
+  // The link is coming from the assignment view when showing assigned files or pictures.
+  focusElementEditor(dom_id) {
+    const el = document.querySelector(dom_id)
+
+    if (el instanceof ElementEditor) {
+      el.focusElement() && el.focusElementPreview()
+    }
+  }
+
   get collapseButton() {
     return this.querySelector("#collapse-all-elements-button")
   }