fix(container): autocomplete off for create container form [EE-6761] (#11336)

* autocomplete off doe create container form

* address review commets

* remove auto complete off from forms

app/edge/views/edge-stacks/createEdgeStackView/create-edge-stack-view.html

@@ -4,7 +4,7 @@
   <div class="col-sm-12">
     <rd-widget>
       <rd-widget-body>
-        <form class="form-horizontal" name="$ctrl.form" autocomplete="off">
+        <form class="form-horizontal" name="$ctrl.form">
           <!-- name-input -->
           <div class="form-group">
             <label for="stack_name" class="col-sm-1 control-label required text-left"> Name </label>

app/kubernetes/views/deploy/deploy.html

@@ -12,7 +12,7 @@
           <uib-tabset active="ctrl.state.activeTab" justified="true" type="pills">
             <uib-tab index="0">
               <uib-tab-heading> <pr-icon icon="'code'"></pr-icon> Deploy </uib-tab-heading>
-              <form class="form-horizontal mt-6" name="ctrl.deploymentForm" autocomplete="off">
+              <form class="form-horizontal mt-6" name="ctrl.deploymentForm">
                 <div class="col-sm-12 form-section-title"> Deploy from </div>
                 <box-selector
                   slim="true"

app/portainer/views/stacks/create/createstack.html

@@ -4,7 +4,7 @@
   <div class="col-sm-12">
     <rd-widget>
       <rd-widget-body>
-        <form class="form-horizontal" name="createStackForm" autocomplete="off">
+        <form class="form-horizontal" name="createStackForm">
           <!-- name-input -->
           <div class="form-group">
             <label for="stack_name" class="col-sm-1 control-label text-left">Name</label>

app/portainer/views/stacks/edit/stack.html

@@ -139,7 +139,7 @@
               <pr-icon icon="'edit-2'" class-name="'mr-1'"></pr-icon>
               Editor
             </uib-tab-heading>
-            <form class="form-horizontal" ng-if="state.showEditorTab" style="margin-top: 10px" name="stackUpdateForm" autocomplete="off">
+            <form class="form-horizontal" ng-if="state.showEditorTab" style="margin-top: 10px" name="stackUpdateForm">
               <div class="form-group">
                 <span class="col-sm-12 text-muted small" style="margin-bottom: 7px" ng-if="stackType == STACK_TYPES.DockerCompose && composeSyntaxMaxVersion == 2">
                   This stack will be deployed using the equivalent of <code>docker compose</code>. Only Compose file format version <b>2</b> is supported at the moment.

app/react/components/form-components/AutocompleteSelect/AutocompleteSelect.tsx

@@ -53,6 +53,7 @@ export function AutocompleteSelect({
         placeholder={placeholder}
         readOnly={readOnly}
         id={inputId}
+        autoComplete="off"
       />
       {!selected && searchResults && searchResults.length > 0 && (
         <ComboboxPopover>

app/react/portainer/gitops/ComposePathField/ComposePathField.tsx

@@ -73,6 +73,7 @@ export function ComposePathField({
               }}
               placeholder={isCompose ? 'docker-compose.yml' : 'manifest.yml'}
               id="stack_repository_path"
+              autoComplete="off"
             />
           )}
         </FormControl>

app/react/portainer/templates/custom-templates/CreateView/InnerForm.tsx

@@ -61,7 +61,7 @@ export function InnerForm({
   const texts = textByType[values.Type];
 
   return (
-    <Form className="form-horizontal" autoComplete="off">
+    <Form className="form-horizontal">
       <CommonFields
         values={values}
         onChange={(newValues) =>

app/react/portainer/templates/custom-templates/EditView/InnerForm.tsx

@@ -65,7 +65,7 @@ export function InnerForm({
   const texts = textByType[values.Type];
 
   return (
-    <Form className="form-horizontal" autoComplete="off">
+    <Form className="form-horizontal">
       <CommonFields
         values={values}
         onChange={(newValues) =>