select

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

commit
06ea884731603764305af8bcb73ba32bf057bfc2
parent
b65945c15cefbdb65b48576b7057af3db46d6c55
Author
Tobias Bengfort <tobias.bengfort@posteo.de>
Date
2022-06-17 11:47
use dedicated class for values

Diffstat

M select.css 4 ++--
M select.js 2 +-

2 files changed, 3 insertions, 3 deletions


diff --git a/select.css b/select.css

@@ -58,12 +58,12 @@
   58    58 	padding-left: 2em;
   59    59 }
   60    60 
   61    -1 .select__input > ul {
   -1    61 .select__values {
   62    62 	display: inline;
   63    63 	padding: 0;
   64    64 	margin: 0;
   65    65 }
   66    -1 .select__input li {
   -1    66 .select__values li {
   67    67 	display: inline-block;
   68    68 	margin: 0.1em 0.2em;
   69    69 	margin-inline-start: 0;

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

@@ -44,7 +44,7 @@ export class Select {
   44    44 
   45    45 		if (this.original.multiple) {
   46    46 			var inputWrapper = create('<div class="select__input">');
   47    -1 			this.values = create('<ul>')
   -1    47 			this.values = create('<ul class="select__values">')
   48    48 			inputWrapper.append(this.values);
   49    49 			inputWrapper.append(this.input);
   50    50 			this.wrapper.append(inputWrapper);