Fixed bugs

urdenko · May 14, 2020 · 8a6ace6 · 8a6ace6
1 parent 4849ff3
commit 8a6ace6
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 4 deletions.
diff --git a/dev/index.html b/dev/index.html
@@ -30,7 +30,7 @@
         top: -20000;
         left: 40000;
         float: left;
-        display: none;
+        display: grid;
         visibility: hidden;
         opacity: 0;
       }

diff --git a/src/index.css b/src/index.css
@@ -13,7 +13,6 @@
     height: 100vh;
     align-items: center;
     justify-content: center;
-    z-index: 2147483647;
     background-color: white;
     visibility: hidden; /* appear only when own print event happened */
   }

diff --git a/src/index.ts b/src/index.ts
@@ -109,6 +109,13 @@ export class WantedPrintForm extends HTMLElement implements PrintWantedForm {
 
   private makeImageFit(): void {
     const page = this.componentShadowRoot.getElementById('page');
+
+    if (!page?.offsetHeight) {
+      throw new Error(
+        'It looks like the <wanted-print-form> element is within hidden container. Check if container has not a rule of style `display: none;`'
+      );
+    }
+
     const image = this.componentShadowRoot.getElementById('face') as HTMLImageElement | null;
     if (!page || !image) {
       throw new Error('Unknown paper size, process aborted');

diff --git a/src/print-restriction.css b/src/print-restriction.css
@@ -8,11 +8,15 @@
     border: none !important;
     background: none !important;
     overflow: hidden !important;
+    opacity: unset !important;
+    visibility: unset !important;
+    display: unset !important;
+    position: unset !important;
   }
 
-  body *:not(wanted-print-form, style, script) {
-    z-index: 1 !important;
+  body *:not(wanted-print-form):not(style):not(script) {
     opacity: unset !important;
     display: unset !important;
+    visibility: hidden !important;
   }
 }