update

ts_web/elements/sio-image-lightbox.ts

@@ -67,6 +67,7 @@ export class SioImageLightbox extends DeesElement {
         z-index: 10000;
         pointer-events: none;
         font-family: ${unsafeCSS(fontFamilies.sans)};
+        isolation: isolate;
       }
 
       .overlay {
@@ -114,6 +115,7 @@ export class SioImageLightbox extends DeesElement {
         cursor: grab;
         user-select: none;
         transition: transform 100ms ease-out;
+        z-index: 1;
       }
 
       .image-wrapper.dragging {
@@ -167,6 +169,7 @@ export class SioImageLightbox extends DeesElement {
         gap: ${unsafeCSS(spacing["2"])};
         opacity: 0;
         transition: opacity 200ms ease;
+        z-index: 10;
       }
 
       .container.open .controls {
@@ -216,6 +219,7 @@ export class SioImageLightbox extends DeesElement {
         opacity: 0;
         transform: translateY(10px);
         transition: all 200ms ease;
+        z-index: 10;
       }
 
       .container.open .info {