adminforth 3.24.3 → 3.24.4

package/dist/spa/src/afcl/Select.vue

@@ -14,7 +14,14 @@
         placeholder-lightDropdownButtonsPlaceholderText text-lightDropdownButtonsText text-base sm:text-sm transition duration-150 ease-in-out dark:bg-darkDropdownButtonsBackground dark:border-darkDropdownButtonsBorder dark:placeholder-darkDropdownButtonsPlaceholderText
         dark:text-darkDropdownButtonsText focus:ring-lightPrimary focus:border-lightPrimary dark:focus:ring-darkPrimary dark:focus:border-darkPrimary"
         :class="[{'cursor-pointer': searchDisabled}, classesForInput]"
-        autocomplete="off" data-custom="no-autofill" name="afcl-select-input" id="afcl-select-input"
+        :id="inputId"
+        :name="inputId"
+        form="afcl-select-detached"
+        autocomplete="off"
+        data-1p-ignore
+        data-lpignore="true"
+        data-bwignore
+        data-form-type="other"
         :placeholder="
           selectedItems.length && !multiple ? '' :  (showDropdown ? $t('Search') : placeholder || $t('Select...')) 
         "
@@ -115,7 +122,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, onUnmounted, watch, nextTick,type PropType, type Ref } from 'vue';
+import { ref, computed, onMounted, onUnmounted, watch, nextTick, useId,type PropType, type Ref } from 'vue';
 import { IconCaretDownSolid } from '@iconify-prerendered/vue-flowbite';
 import { useElementSize } from '@vueuse/core'
 
@@ -167,6 +174,13 @@ const props = defineProps({
 
 const emit = defineEmits(['update:modelValue', 'scroll-near-end', 'search']);
 
+// Chrome's password manager picks the nearest preceding text input as the "username" field of a form
+// containing <input type="password">, which made an enum Select sitting above a password column get
+// filled with the saved email. form="afcl-select-detached" points at no existing form, which per spec
+// leaves the input with no form owner, so it is no longer part of that password form. The unique
+// id/name additionally stops every Select on the page from sharing one field identity.
+const inputId = `afs-${useId()}`;
+
 const search = ref('');
 const showDropdown = ref(false);
 const inputEl = ref<HTMLElement | null>(null);

package/dist/spa/src/components/ColumnValueInput.vue

@@ -142,8 +142,11 @@
       :suffix="column.inputSuffix"
       :modelValue="value"
       @update:modelValue="$emit('update:modelValue', $event)"
-      autocomplete="false"
+      :autocomplete="column.masked ? 'new-password' : 'off'"
+      data-1p-ignore
       data-lpignore="true"
+      data-bwignore
+      data-form-type="other"
       :readonly="(column.editReadonly && source === 'edit') || readonly"
       @focus="onFocusHandler($event, column, source)"
     />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminforth",
-  "version": "3.24.3",
+  "version": "3.24.4",
   "description": "OpenSource Agent-Native forth-generation admin panel",
   "keywords": [
     "adminforth",