select

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

commit
c10864a6f8ba04c25e973d80ffdb159c054db618
parent
e1f5b66d665749284c16d02c8a65d0be541c24e9
Author
Tobias Bengfort <tobias.bengfort@posteo.de>
Date
2025-05-02 08:58
fix: add select wrapper around tags

Diffstat

M tags.js 9 ++++++---

1 files changed, 6 insertions, 3 deletions


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

@@ -18,7 +18,10 @@ export class TagInput {
   18    18 	}
   19    19 
   20    20 	createElements() {
   21    -1 		this.wrapper = create('<div class="select__input">');
   -1    21 		this.wrapper = create('<div class="select">');
   -1    22 
   -1    23 		this.inputWrapper = create('<div class="select__input">');
   -1    24 		this.wrapper.append(this.inputWrapper);
   22    25 
   23    26 		this.input = document.createElement('input');
   24    27 		this.input.className = this.inputClass || '';
@@ -27,7 +30,7 @@ export class TagInput {
   27    30 			return label.id;
   28    31 		}).join(' ');
   29    32 		this.input.setAttribute('aria-labelledby', labels);
   30    -1 		this.wrapper.append(this.input);
   -1    33 		this.inputWrapper.append(this.input);
   31    34 
   32    35 		this.values = new Values(this.input, `${this.id}-values`, this.valueClass);
   33    36 
@@ -35,7 +38,7 @@ export class TagInput {
   35    38 		this.datalist.innerHTML = this.original.innerHTML;
   36    39 		this.datalist.id = `${this.id}-list`;
   37    40 		this.input.setAttribute('list', this.datalist.id);
   38    -1 		this.wrapper.append(this.datalist);
   -1    41 		this.inputWrapper.append(this.datalist);
   39    42 
   40    43 		this.input.disabled = this.original.disabled;
   41    44