Fix select a11y

italia · Jun 17, 2019 · c2d254a · c2d254a
1 parent decfca2
commit c2d254a
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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')