fix(module:image): remove inline style (CSP compliant) (#8876)

NG-ZORRO · Nov 14, 2024 · 63c8953 · 63c8953
1 parent decd477
commit 63c8953
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/components/image/image-preview.component.ts b/components/image/image-preview.component.ts
@@ -104,7 +104,7 @@ const NZ_DEFAULT_ROTATE = 0;
       (click)="maskClosable && $event.target === $event.currentTarget && onClose()"
     >
       <div class="ant-image-preview" role="dialog" aria-modal="true">
-        <div tabindex="0" aria-hidden="true" style="width: 0; height: 0; overflow: hidden; outline: none;"></div>
+        <div tabindex="0" aria-hidden="true" class="ant-image-preview-focus-trap"></div>
         <div class="ant-image-preview-content">
           <div class="ant-image-preview-body">
             <div
@@ -133,7 +133,7 @@ const NZ_DEFAULT_ROTATE = 0;
             </div>
           </div>
         </div>
-        <div tabindex="0" aria-hidden="true" style="width: 0; height: 0; overflow: hidden; outline: none;"></div>
+        <div tabindex="0" aria-hidden="true" class="ant-image-preview-focus-trap"></div>
       </div>
     </div>
   `,

diff --git a/components/image/style/index.less b/components/image/style/index.less
@@ -199,5 +199,12 @@
     &-switch-right {
       right: 8px;
     }
+
+    &-focus-trap {
+      width: 0;
+      height: 0;
+      overflow: hidden;
+      outline: none;
+    }
   }
 }