Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Commit bafa5d9

Browse files
committed
Fixes table rendering when switching between breakpoints in Safari <= 5. Closes 5380.
1 parent f54f675 commit bafa5d9

File tree

1 file changed

+7
-2
lines changed

1 file changed

+7
-2
lines changed

css/structure/jquery.mobile.table.reflow.css

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
display: block;
3030
padding: .4em;
3131
min-width: 30%;
32-
display: inline-block;
32+
display: inline-block;
3333
margin: -.4em 1em -.4em -.4em;
3434
}
3535
/* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
@@ -47,6 +47,12 @@
4747

4848
/* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */
4949
@media ( min-width: 35em ) {
50+
51+
/* Fixes table rendering when switching between breakpoints in Safari <= 5. See https://github.com/jquery/jquery-mobile/issues/5380 */
52+
.ui-table-reflow.ui-responsive {
53+
display: table-row-group;
54+
}
55+
5056
/* Show the table header rows */
5157
.ui-table-reflow.ui-responsive td,
5258
.ui-table-reflow.ui-responsive th,
@@ -56,7 +62,6 @@
5662
.ui-table-reflow.ui-responsive thead th {
5763
display: table-cell;
5864
margin: 0;
59-
6065
}
6166

6267
/* Hide the labels in each cell */

0 commit comments

Comments
 (0)