Suppress the outline caused by tabindex
See original GitHub issueI’ve updated slick-slider to the current version and was bothered by an outline around my slick-slides that I could’t recognize in style. Even the browsers dev-tools suppressed the declaration and the computed style.
It’s hard to troubleshoot a style that’s not listed, however, by removing attributes and declaring style="border:none;outline:none;"
I found the attribute tabindex
to cause the outline during selection as the browsers define it.
For more accessibility I appreciate this attribute’s introduction. However, I don’t think that a visual outline is desired around some carousel’s slides, also because the outline is moving with the dragged slides. To access an element by tabbing and at that don’t see anything highlighted is another bad behaviour, maybe it’s good to have an option enabling or disabling tabindexes.
For the moment, I added the following rule to my stylesheet
.slick-slide[tabindex] {
outline: none;
}
Issue Analytics
- State:
- Created 8 years ago
- Reactions:4
- Comments:7 (1 by maintainers)
Top GitHub Comments
This was driving me crazy. Thanks for the fix.
This is fixed in the master