adminforth 3.24.2 → 3.24.4

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

@@ -16,16 +16,12 @@
         :class="[{'cursor-pointer': searchDisabled}, classesForInput]"
         :id="inputId"
         :name="inputId"
-        autocomplete="new-password"
+        form="afcl-select-detached"
+        autocomplete="off"
         data-1p-ignore
         data-lpignore="true"
         data-bwignore
         data-form-type="other"
-        role="combobox"
-        aria-haspopup="listbox"
-        :aria-expanded="showDropdown"
-        :aria-controls="dropdownId"
-        :aria-autocomplete="searchDisabled ? 'none' : 'list'"
         :placeholder="
           selectedItems.length && !multiple ? '' :  (showDropdown ? $t('Search') : placeholder || $t('Select...')) 
         "
@@ -49,15 +45,13 @@
       </div>
     </div>
     <teleport to="body" v-if="(teleportToBody  || teleportToTop) && showDropdown">
-      <div ref="dropdownEl" :id="dropdownId" role="listbox" :style="getDropdownPosition" :class="{'shadow-none': isTop, 'z-30': teleportToBody, 'z-[1000]': teleportToTop}"
+      <div ref="dropdownEl" :style="getDropdownPosition" :class="{'shadow-none': isTop, 'z-30': teleportToBody, 'z-[1000]': teleportToTop}"
         class="fixed w-full bg-lightDropdownOptionsBackground shadow-lg dark:shadow-black dark:bg-darkDropdownOptionsBackground
           dark:border-gray-600 rounded-default py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm max-h-48"
         @scroll="handleDropdownScroll">
         <div
           v-for="item in filteredItems"
           :key="item.value"
-          role="option"
-          :aria-selected="selectedItems.includes(item)"
           class="px-4 py-2 cursor-pointer hover:bg-lightDropdownOptionsHoverBackground dark:hover:bg-darkDropdownOptionsHoverBackground text-lightDropdownOptionsText dark:text-darkDropdownOptionsText"
           :class="{ 'bg-lightDropdownPicked dark:bg-darkDropdownPicked': selectedItems.includes(item) }"
           @click="toogleItem(item)"
@@ -75,15 +69,13 @@
       </div>
     </teleport>
 
-    <div v-if="!teleportToBody && !teleportToTop && showDropdown" ref="dropdownEl" :id="dropdownId" role="listbox" :style="dropdownStyle" :class="{'shadow-none': isTop}"
+    <div v-if="!teleportToBody && !teleportToTop && showDropdown" ref="dropdownEl" :style="dropdownStyle" :class="{'shadow-none': isTop}"
       class="afcl-select-content absolute z-10 mt-1 w-full bg-lightDropdownOptionsBackground shadow-lg text-lightDropdownButtonsText dark:shadow-black dark:bg-darkDropdownOptionsBackground
         dark:border-gray-600 rounded-default py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm max-h-48"
         @scroll="handleDropdownScroll">
       <div
         v-for="item in filteredItems"
         :key="item.value"
-        role="option"
-        :aria-selected="selectedItems.includes(item)"
         class="px-4 py-2 cursor-pointer text-lightDropdownOptionsText hover:bg-lightDropdownOptionsHoverBackground dark:hover:bg-darkDropdownOptionsHoverBackground dark:text-darkDropdownOptionsText"
         :class="{ 'bg-lightDropdownPicked dark:bg-darkDropdownPicked': selectedItems.includes(item) }"
         @click="toogleItem(item)"
@@ -182,13 +174,12 @@ const props = defineProps({
 
 const emit = defineEmits(['update:modelValue', 'scroll-near-end', 'search']);
 
-// Opaque per-instance id/name: Chromium classifies fields for profile autofill by name/id heuristics,
-// so a shared static name like "afcl-select-input" lets it treat every Select on the page as the same
-// field and fill it with e.g. the saved email. Paired with autocomplete="new-password" on the input,
-// which Chromium honours for suppressing profile autofill (plain autocomplete="off" is ignored).
-const uid = useId();
-const inputId = `afs-${uid}`;
-const dropdownId = `afs-list-${uid}`;
+// 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);

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.2",
+  "version": "3.24.4",
   "description": "OpenSource Agent-Native forth-generation admin panel",
   "keywords": [
     "adminforth",