select

Better select widgets in vanilla javascript.  https://p.ce9e.org/select/demo/
git clone https://git.ce9e.org/select.git

commit
e3a8d43329f11315b15cd10bf22c586aa4de7878
parent
aeef4f819f4459114c291a6922ba4f584a2e4756
Author
Tobias Bengfort <tobias.bengfort@posteo.de>
Date
2025-09-02 16:15
values: use roles that support activedescendant

Diffstat

M values.js 3 ++-

1 files changed, 2 insertions, 1 deletions


diff --git a/values.js b/values.js

@@ -8,7 +8,7 @@ export class Values {
    8     8 		this.valueClass = valueClass || 'select__value';
    9     9 		this.valueFocusClass = valueFocusClass || 'select__value--focus';
   10    10 
   11    -1 		this.el = create('<ul class="select__values">');
   -1    11 		this.el = create('<ul class="select__values" role="group">');
   12    12 		this.el.id = id;
   13    13 		input.setAttribute('aria-describedby', this.el.id);
   14    14 		input.before(this.el);
@@ -92,6 +92,7 @@ export class Values {
   92    92 			if (op.selected && op.label) {
   93    93 				var li = document.createElement('li');
   94    94 				li.id = `${this.el.id}-${i}`;
   -1    95 				li.role = 'button';
   95    96 				li.textContent = op.label;
   96    97 				li.className = this.valueClass;
   97    98 				li.onclick = () => {