Skip to content

Restore .table-responsive as a parent class - #25058

Merged
mdo merged 1 commit into
v4-devfrom
table-responsive-parent
Dec 23, 2017
Merged

mdo merged 1 commit into
v4-devfrom
table-responsive-parent

Conversation

@mdo

@mdo mdo commented Dec 23, 2017

Copy link
Copy Markdown
Member

This PR restores the original behavior of .table-responsive as a parent class, removing the ability to use it as a modifier class. This was primarily done to address a11y issues stemming from changing the display of a <table>—it interferes with screenreaders' ability to announce a table.

As a result, responsive tables will no longer be shrunk to their contents. This fixes #24638 (latest issue), fixes #24256, fixes #24462, fixes #24464. Something tells me y'all never liked that anyway though. 😬

I've tweaked a bit of the docs around this as well, adding a line here and there while also cleaning up the examples a smidge.

@mdo mdo added css Sass sources or compiled CSS v4 v4, the frozen docs on gh-pages labels Dec 23, 2017
@mdo
mdo merged commit eb60521 into v4-dev Dec 23, 2017
@mdo
mdo deleted the table-responsive-parent branch December 23, 2017 04:10
@mdo mdo mentioned this pull request Dec 23, 2017
pi0 pushed a commit to bootstrap-vue/bootstrap-vue that referenced this pull request Jan 23, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

css Sass sources or compiled CSS v4 v4, the frozen docs on gh-pages

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant