https://bugs.koha-community.org/bugzilla3/show_bug.cgi?id=41151
--- Comment #39 from Martin Renvoize (ashimema) <[email protected]> --- Created attachment 194277 --> https://bugs.koha-community.org/bugzilla3/attachment.cgi?id=194277&action=edit Bug 41151: Add optional clear button to standard input components This patch enhances the core input components (InputText, InputNumber, and TextArea) with optional clear button functionality, providing a consistent UX across both standard fields and additional fields. Changes: - Added optional 'clearable' prop (default: true) to all three components - Implemented clear button with identical styling to additional fields - Clear button only appears when field has content - Can be disabled per-field with clearable: false if needed The clear button: - Appears as a small 'x' icon on the right side of the input - Only shows when the field contains a value - Uses consistent styling and behavior across all input types - Includes proper ARIA labels for accessibility - Has hover and focus states for better UX Usage (enabled by default): <InputText v-model="myValue" /> <InputNumber v-model="myNumber" /> <TextArea v-model="myText" /> To disable for specific fields: <InputText :clearable="false" v-model="myValue" /> This provides developers with a simple, modern clear button UX by default across all form inputs, ensuring consistency throughout the entire application. Signed-off-by: David Nind <[email protected]> -- You are receiving this mail because: You are watching all bug changes. _______________________________________________ Koha-bugs mailing list [email protected] https://lists.koha-community.org/cgi-bin/mailman/listinfo/koha-bugs website : http://www.koha-community.org/ git : http://git.koha-community.org/ bugs : http://bugs.koha-community.org/
