Select with Tab Key #85

Activity

1. JamieReid77 commented on Mar 18, 2016

   

   JamieReid77

   on Mar 18, 2016

   More actions

   $toggleHandle at line 55 needs to be a <button>, not a <span>.

   Pull request #107 attempts to resolve this, however it fails when a tabindex is manually declared on elements as the tabindex is not passed through to $toggleHandle.

   I'm going to create a new pull request that resolves this shortly.

   👍React with 👍2Reacted by Nobby and Christian Sum
2. Nfinished commented on Apr 25, 2016

   

   Nfinished

   on Apr 25, 2016

   More actions

   @jamiedavidreid eta? I'm working on aria support and I'd like to include your changes.
3. pvagner commented on Jul 7, 2016

   

   pvagner

   on Jul 7, 2016

   More actions

   @cafune Are you still working on this or do you know if there is a way on how to make toggles this component produces better accessible with assistive technologies - screen readers?
4. Nfinished commented on Jul 7, 2016

   

   Nfinished

   on Jul 7, 2016

   More actions

   @pvagner I switched to using this library rather than trying to jury rig this one.

   👍React with 👍2Reacted by Brian Pedersen and Nelson Martell
5. nelson6e65 commented on Feb 14, 2017

   

   nelson6e65

   on Feb 14, 2017

   More actions

   I solved by modifying and adding listener to div.toggle:

   $(function() {
     var $elements;
     $elements = $("div.toggle");
     if ($elements.length > 0) {
       $elements.attr("tabindex", 0);
       $elements.keydown(function(event) {
         if (event.keyCode === 32) {
           return $(this).trigger('click');
         }
       });    
     }
   });