From c2d254a15015a8bba972fab70586b14c6efdd161 Mon Sep 17 00:00:00 2001
From: Francesco Zaia <francesco.zaia@gmail.com>
Date: Mon, 17 Jun 2019 15:56:28 +0200
Subject: [PATCH] Fix select a11y

---
 docs/assets/src/js/docs.js              | 2 +-
 docs/assets/src/scss/_clipboard-js.scss | 2 +-
 docs/form/select.md                     | 4 ++--
 src/js/plugins/select.js                | 4 ++++
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/docs/assets/src/js/docs.js b/docs/assets/src/js/docs.js
index 8bb74d2e77..7651036a49 100644
--- a/docs/assets/src/js/docs.js
+++ b/docs/assets/src/js/docs.js
@@ -107,7 +107,7 @@ $(function () {
 
   // Insert copy to clipboard button before .highlight
   $('.highlight').each(function () {
-    var btnHtml = '<div class="bd-clipboard"><button class="btn-clipboard" title="Copy to clipboard">Copy</button></div>'
+    var btnHtml = '<div class="bd-clipboard"><button class="btn-clipboard" title="Copy to clipboard">Copia</button></div>'
     $(this).before(btnHtml)
     $('.btn-clipboard')
       .tooltip()
diff --git a/docs/assets/src/scss/_clipboard-js.scss b/docs/assets/src/scss/_clipboard-js.scss
index d1cccaf980..c353e322b0 100755
--- a/docs/assets/src/scss/_clipboard-js.scss
+++ b/docs/assets/src/scss/_clipboard-js.scss
@@ -20,7 +20,7 @@
   display: block;
   padding: .25rem .5rem;
   font-size: 75%;
-  color: #818a91;
+  color: #F2F2F5;
   cursor: pointer;
   background-color: transparent;
   border: 0;
diff --git a/docs/form/select.md b/docs/form/select.md
index 01b3529edd..a88ee9def4 100644
--- a/docs/form/select.md
+++ b/docs/form/select.md
@@ -189,7 +189,7 @@ Per inserire il componente [Checkbox]({{ site.baseurl }}/docs/form/checkbox/) in
 
 Dal momento che il plugin viene attivato al caricamento del documento mentre a volte può essere necessario attendere, viene messa a disposizione una funzione `$.setOptionsToSelect(_parametro)` che permette di riscrivere le opzioni della select, ad esempio nel caso vengano caricate successivamente. La funzione dev'essere chiamata dall'elemento con classe `.bootstrap-select-wrapper`, e con parametro in input `_parametro` un oggetto Javascript con proprietà "value" e "text" come segue:
 
-```
+{% highlight js %}
 $(document).ready(function() {
     $('.bootstrap-select-wrapper.my-select-wrapper').setOptionsToSelect([{
       text: 'push Label 1',
@@ -202,5 +202,5 @@ $(document).ready(function() {
       value: 'pushValue 3'
     }]);
   });
-```
+{% endhighlight %}
 
diff --git a/src/js/plugins/select.js b/src/js/plugins/select.js
index fe30981cfd..3e2a4813d9 100644
--- a/src/js/plugins/select.js
+++ b/src/js/plugins/select.js
@@ -54,18 +54,21 @@ $(function() {
     .find('button.dropdown-toggle')
     .removeAttr('role')
     // Replace any <div>s elements with <span>s as <div>s are not allowed in a button element
+  $selectWrapper
     .find('div.filter-option')
     .replaceWith(function() {
       return $('<span />')
         .addClass('filter-option')
         .append($(this).contents())
     })
+  $selectWrapper
     .find('div.filter-option-inner')
     .replaceWith(function() {
       return $('<span />')
         .addClass('filter-option-inner')
         .append($(this).contents())
     })
+  $selectWrapper
     .find('div.filter-option-inner-inner')
     .replaceWith(function() {
       return $('<span />')
@@ -77,6 +80,7 @@ $(function() {
   $selectWrapper
     .find('.dropdown-menu')
     .attr('aria-expanded', 'false')
+  $selectWrapper
     // Enter a title in the input search
     .find('.bs-searchbox input')
     .attr('title', 'Cerca')