Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-31610 Ensure keyboard focus is indicated visually
  3. SAK-32484

Override bootstrap tab-focus that provides invalid focus for Firefox

    XMLWordPrintable

    Details

    • 11 status:
      Resolved

      Description

      Bootstrap tab-focus mixin is totally inadequate/invalid for non-webkit browsers:

      @mixin tab-focus() {                                                                                                                                                                         
        // WebKit-specific. Other browsers will keep their default outline style.                                                                                                                  
        // (Initially tried to also force default via `outline: initial`,                                                                                                                          
        // but that seems to erroneously remove the outline in Firefox altogether.)                                                                                                                
        outline: 5px auto -webkit-focus-ring-color;                                                                                                                                                
        outline-offset: -2px;                                                                                                                                                                      
      }         
      

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                • Assignee:
                  ottenhoff Sam Ottenhoff
                  Reporter:
                  mclare Matt Clare
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  2 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:

                    Git Integration