Prechádzať zdrojové kódy

HUE-8727 [frontend] Prevent chrome autofill in the assist documents, functions and language reference panels

Johan Ahlen 6 rokov pred
rodič
commit
de1a0a5b92

+ 7 - 3
desktop/core/src/desktop/js/ko/components/assist/ko.assistDocumentsPanel.js

@@ -173,9 +173,13 @@ const TEMPLATE = `
     <!-- ko template: 'assist-document-header-actions' --><!-- /ko -->
   </div>
   <div class="assist-flex-search">
-    <div class="assist-filter"><input class="clearable" type="text" placeholder="${I18n(
-      'Filter...'
-    )}" data-bind="clearable: filter, value: filter, valueUpdate: 'afterkeydown'"/></div>
+    <div class="assist-filter">
+      <form autocomplete="off">
+        <input class="clearable" type="text" autocorrect="off" autocomplete="do-not-autocomplete" spellcheck="false" placeholder="${I18n(
+          'Filter...'
+        )}" data-bind="clearable: filter, value: filter, valueUpdate: 'afterkeydown'"/>
+      </form>
+    </div>
   </div>
   <div class="assist-flex-fill assist-file-scrollable" data-bind="delayedOverflow">
     <div data-bind="visible: ! loading() && ! hasErrors() && entries().length > 0">

+ 3 - 1
desktop/core/src/desktop/js/ko/components/assist/ko.assistFunctionsPanel.js

@@ -34,7 +34,9 @@ const TEMPLATE = `
       </div>
       <div class="assist-flex-search">
         <div class="assist-filter">
-          <input class="clearable" type="text" placeholder="Filter..." data-bind="clearable: query, value: query, valueUpdate: 'afterkeydown'">
+          <form autocomplete="off">
+            <input class="clearable" type="text" autocorrect="off" autocomplete="do-not-autocomplete" spellcheck="false" placeholder="Filter..." data-bind="clearable: query, value: query, valueUpdate: 'afterkeydown'">
+          </form>
         </div>
       </div>
       <div data-bind="css: { 'assist-flex-fill': !selectedFunction(), 'assist-flex-half': selectedFunction() }">

+ 3 - 1
desktop/core/src/desktop/js/ko/components/assist/ko.assistLangRefPanel.js

@@ -50,7 +50,9 @@ const TEMPLATE = `
       </div>
       <div class="assist-flex-search">
         <div class="assist-filter">
-          <input class="clearable" type="text" placeholder="Filter..." data-bind="clearable: query, value: query, valueUpdate: 'afterkeydown'">
+          <form autocomplete="off">
+            <input class="clearable" type="text" autocorrect="off" autocomplete="do-not-autocomplete" spellcheck="false" placeholder="Filter..." data-bind="clearable: query, value: query, valueUpdate: 'afterkeydown'">
+          </form>
         </div>
       </div>
       <div class="assist-docs-topics" data-bind="css: { 'assist-flex-fill': !selectedTopic(), 'assist-flex-40': selectedTopic() }">