darkwiiplayer/BetterSelect
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Allow validity message overriding for downstream i18n

Browse source
This commit is contained in:
Talia 2025-01-27 16:22:13 +01:00
parent 6c3db0456e
commit 6cc5c43d82
2 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -3,6 +3,6 @@
"browser": "src/BetterSelect.js", "browser": "src/BetterSelect.js",
"type": "module", "type": "module",
"license": "MIT", "license": "MIT",
"version": "1.5.0", "version": "1.5.1",
"url": "https://darkwiiplayer.github.io/BetterSelect/" "url": "https://darkwiiplayer.github.io/BetterSelect/"
} }

14
src/BetterSelect.js
View file

@ -446,13 +446,25 @@ export class BetterSelect extends HTMLElement {
set disabled(disabled) { this.toggleAttribute("disabled", disabled) } set disabled(disabled) { this.toggleAttribute("disabled", disabled) }
get disabled() { return this.hasAttribute("disabled") } get disabled() { return this.hasAttribute("disabled") }
/**
* @typedef {"badInput"|"customError"|"patternMismatch"|"rangeOverflow"|"rangeUnderflow"|"stepMismatch"|"tooLong"|"tooShort"|"typeMismatch"|"valid"|"valueMissing"} ValidityConstraint
*/
/**
* @param {ValidityConstraint} _constraint
*/
validityMessage(_constraint) {
return "Please select an option."
}
setValidity() { setValidity() {
if (this.required) { if (this.required) {
const valid = Boolean(this.value) const valid = Boolean(this.value)
if (valid) { if (valid) {
this.#internals.setValidity({}) this.#internals.setValidity({})
} else { } else {
this.#internals.setValidity({valueMissing: true}, "Please select an option.") this.#internals.setValidity({valueMissing: true}, this.validityMessage("valueMissing"))
} }
return valid return valid
} else { } else {