From 0726cfd63f15720c8eab3cf2002e33a57f332eb9 Mon Sep 17 00:00:00 2001
From: Thomas <thomas@lekoala.be>
Date: Mon, 15 Nov 2021 11:32:32 +0100
Subject: [PATCH] fix span selection

---
 demo.html | 10 +++++-----
 readme.md |  2 +-
 tags.js   |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/demo.html b/demo.html
index 4119327..b7e0a3c 100644
--- 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
index 429db65..fb968b9 100644
--- 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
index 370f6bb..3d9da12 100644
--- 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;