search

cferdinandi / kraken

A lightweight, mobile-first boilerplate for front-end web developers.
http://cferdinandi.github.io/kraken
MIT License
806 stars 81 forks source link

Fix unstyled/inline list accessibility #277

Closed cferdinandi closed 5 years ago

cferdinandi commented 5 years ago

Via Scott O'Hara:

/**
 * @bugfix Prevent webkit from removing list semantics
 * 1. Add a non-breaking space
 * 2. Make sure it doesn't mess up the DOM flow
 */
.list-unstyled,
.list-inline {
    li:before {
        content: "\200B"; /* 1 */
        position: absolute; /* 2 */
    }
}
cferdinandi commented 5 years ago

coming in v9.x