Fix regression with media view

gramps-project · Oct 9, 2021 · 5095415 · 5095415
1 parent a195b01
commit 5095415
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/components/GrampsjsGallery.js b/src/components/GrampsjsGallery.js
@@ -66,6 +66,7 @@ export class GrampsjsGallery extends LitElement {
     <div class="clear"></div>
 
     <grampsjs-view-media-lightbox
+      active
       id="gallery-lightbox-view"
       @lightbox:left="${this._handleLeft}"
       @lightbox:right="${this._handleRight}"
@@ -96,10 +97,9 @@ export class GrampsjsGallery extends LitElement {
   _handleClick (i) {
     if (!this.edit) {
       const lightBoxView = this.shadowRoot.getElementById('gallery-lightbox-view')
-      const lightBox = lightBoxView.shadowRoot.getElementById('gallery-lightbox')
-      if (lightBox) {
+      if (lightBoxView) {
         this._lightboxSelected = i
-        lightBox.open = true
+        lightBoxView.open()
       }
     }
   }

diff --git a/src/views/GrampsjsViewMediaLightbox.js b/src/views/GrampsjsViewMediaLightbox.js
@@ -66,6 +66,13 @@ export class GrampsjsViewMediaLightbox extends GrampsjsView {
     `
   }
 
+  open () {
+    const lightBox = this.shadowRoot.getElementById('gallery-lightbox')
+    if (lightBox) {
+      lightBox.open = true
+    }
+  }
+
 
   _innerContainerContent() {
     if (Object.keys(this._data).length === 0) {