feat(ui): disable browser autocomplete + tooltips on DataTable icons#42
Merged
Conversation
…nputs Adds autocomplete="off" to v-autocomplete and v-combobox inputs in UserEditDialog, CompanyEditView, GroupEditView and GroupMembersView to suppress the browser's autofill suggestions overlaying the Vuetify dropdown. Refs #36
Adds autocomplete="off" to the Receiver and Resource v-autocomplete fields in DelegateEditDialog so Chrome's autofill suggestions don't overlay the Vuetify dropdown. Extends the same fix already applied to User, Company, Group and GroupMembers screens. Refs #36
Adds <v-tooltip> on status, action and remove icons inside DataTable cells in UserListView, CompanyListView, GroupListView and GroupMembersView for better discoverability. Refs #38
Adds <v-tooltip> on type, admin/write granted and edit icons inside DelegateListView cells. Reuses delegate.type.* keys for the type icons, adds delegate.adminGranted and delegate.writeGranted i18n entries for the granted check icons. Header tooltips for Admin and Write columns are intentionally left as-is since they are already wired via the tooltip header property (supported natively by LigojDataTableServer). Refs #38
Aligns the cell content of single-icon and small numeric columns to center inside DataTable rows: Statut in UserListView, Membres and Verrouillé in CompanyListView and GroupListView, Administration and Écriture in DelegateListView. Combines header.align='center' with a wrapper <div class="text-center"> inside the slot templates: Vuetify 4 header.align centers numeric cells rendered by default but doesn't always cascade to slot content.
|
|
This was referenced May 29, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Contexte
Traite deux retours d'amélioration UX sur plugin-id :
v-autocompleteinputs #36 : empêcher le navigateur de proposer ses suggestions d'autofill par-dessus les dropdowns VuetifyDétail des changements
5 commits, séparés par scope :
autocomplete="off"sur User/Company/Group/GroupMembers —UserEditDialog,CompanyEditView,GroupEditView,GroupMembersView.autocomplete="off"sur Delegate —DelegateEditDialog(Receiver + Resource).user.statusLocked,user.statusActive,common.edit.delegate.type.*), check Admin/Écriture (delegate.adminGranted/delegate.writeGranted), crayon édition.header.align: 'center'et un wrapper<div class="text-center">côté slot, car Vuetify 4 ne propage pas systématiquementalignaux contenus de slot custom.Les tooltips de headers Admin/Write de DelegateListView sont laissés tels quels — déjà wirés en amont via la propriété
tooltipde header (support natifLigojDataTableServer, commit041d80f).Test plan
npm run build— OKnpx vitest run— OK (14 tests)mvn install -DskipTests— OKCloses #36
Closes #38