fix(module:autocomplete): remove inline style (CSP compliant) (#8875)

NG-ZORRO · Nov 18, 2024 · 30c25f0 · 30c25f0
1 parent 23eab98
commit 30c25f0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/components/auto-complete/autocomplete.component.ts b/components/auto-complete/autocomplete.component.ts
@@ -81,8 +81,8 @@ function normalizeDataSource(value: AutocompleteDataSource): AutocompleteDataSou
         (@slideMotion.done)="onAnimationEvent($event)"
         [@.disabled]="!!noAnimation?.nzNoAnimation"
       >
-        <div style="max-height: 256px; overflow-y: auto; overflow-anchor: none;">
-          <div style="display: flex; flex-direction: column;">
+        <div class="ant-select-dropdown-content-wrapper">
+          <div class="ant-select-dropdown-content">
             <ng-template *ngTemplateOutlet="nzDataSource ? optionsTemplate : contentTemplate"></ng-template>
           </div>
         </div>

diff --git a/components/auto-complete/style/patch.less b/components/auto-complete/style/patch.less
@@ -1,3 +1,14 @@
 .ant-select-dropdown-hidden {
   display: none;
 }
+
+.ant-select-dropdown-content-wrapper {
+  max-height: 256px;
+  overflow-y: auto;
+  overflow-anchor: none;
+}
+
+.ant-select-dropdown-content {
+  display: flex;
+  flex-direction: column;
+}