fix span selection

lekoala · Nov 15, 2021 · 0726cfd · 0726cfd
1 parent b274450
commit 0726cfd
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/demo.html b/demo.html
@@ -19,7 +19,7 @@ <h1>Demo</h1>
         <div class="col-md-4">
           <label for="validationTags" class="form-label">Tags</label>
           <select class="form-select" id="validationTags" name="tags[]" multiple>
-            <option selected disabled hidden value="">Choose a tag...</option>
+            <option disabled hidden value="">Choose a tag...</option>
             <option value="1" selected="selected">Apple</option>
             <option value="2">Banana</option>
             <option value="3">Orange</option>
@@ -31,7 +31,7 @@ <h1>Demo</h1>
         <div class="col-md-4">
           <label for="validationTagsClear" class="form-label">Tags (allow clear)</label>
           <select class="form-select" id="validationTagsClear" name="tagsClear[]" multiple data-allow-clear="true">
-            <option selected disabled hidden value="">Choose a tag...</option>
+            <option disabled hidden value="">Choose a tag...</option>
             <option value="1" selected="selected">Apple</option>
             <option value="2">Banana</option>
             <option value="3">Orange</option>
@@ -43,7 +43,7 @@ <h1>Demo</h1>
         <div class="col-md-4">
           <label for="validationTagsThreshold" class="form-label">Tags (allow clear + 0 threshold)</label>
           <select class="form-select" id="validationTagsThreshold" name="tagsClearThreshold[]" multiple data-allow-clear="true" data-suggestions-threshold="0">
-            <option selected disabled hidden value="">Choose a tag...</option>
+            <option disabled hidden value="">Choose a tag...</option>
             <option value="1" selected="selected">Apple</option>
             <option value="2">Banana</option>
             <option value="3">Orange</option>
@@ -55,7 +55,7 @@ <h1>Demo</h1>
         <div class="col-md-4">
           <label for="validationTagsShow" class="form-label">Tags (show all)</label>
           <select class="form-select" id="validationTagsShow" name="tags_show[]" multiple data-show-all-suggestions="true">
-            <option selected disabled hidden value="">Choose a tag...</option>
+            <option disabled hidden value="">Choose a tag...</option>
             <option value="1" selected="selected">Apple</option>
             <option value="2">Banana</option>
             <option value="3">Orange</option>
@@ -79,7 +79,7 @@ <h1>Demo</h1>
         <div class="col-md-4">
           <label for="validationTagsNew" class="form-label">Tags (allow new)</label>
           <select class="form-select" id="validationTagsNew" name="tags_new[]" multiple data-allow-new="true">
-            <option selected disabled hidden value="">Choose a tag...</option>
+            <option disabled hidden value="">Choose a tag...</option>
             <option value="1" selected="selected">Apple</option>
             <option value="2">Banana</option>
             <option value="3">Orange</option>

diff --git a/readme.md b/readme.md
@@ -21,7 +21,7 @@ will be displayed in case of invalid tag.
 ```html
 <label for="validationTags" class="form-label">Tags</label>
 <select class="form-select" id="validationTags" name="tags[]" multiple>
-    <option selected disabled hidden value="">Choose a tag...</option>
+    <option disabled hidden value="">Choose a tag...</option>
     <option value="1" selected="selected">Apple</option>
     <option value="2">Banana</option>
     <option value="3">Orange</option>

diff --git a/tags.js b/tags.js
@@ -462,7 +462,7 @@ class Tags {
     span.setAttribute(VALUE_ATTRIBUTE, value);
 
     if (this.allowClear) {
-      html = '<span class="me-2" style="font-size:0.65em"><button type="button" class="btn-close btn-close-white" aria-label="' + this.clearLabel + '"></button></span>' + html;
+      html = '<button type="button" style="font-size:0.65em" class="me-2 btn-close btn-close-white" aria-label="' + this.clearLabel + '"></button>' + html;
     }
 
     span.innerHTML = html;