philipwalton / flexbugs

A community-curated list of flexbox issues and cross-browser workarounds for them.

philipwalton/flexbugs Issues

Safari: align-items/justify-content ignored when flex container is button element
Closed 7 years ago9
-webkit-background-clip doesn't work on elements with display: flex / inline-flex
Updated 3 years ago1
IE11 does not keep minimum content size of flex item
Updated 3 years ago4
Minimum sizing of nested flexbox in Safari
Updated 3 years ago7
Flexbug #12 (Inline elements not treated as flex-items) affected Safari 8, fixed in 9
Updated 3 years ago
iOS Safari: align-items calculates baseline as bottom of input element
Updated 3 years ago4
IE11: Child containers overflow when max-height on parent is reached
Updated 4 years ago17
Cant understand this issues
Closed 4 years ago
Align-self:center contents overflow combined with a parent's flex-direction:column
Updated 4 years ago
column flex: wrong width on automatically resized img
Updated 4 years ago
Need code review and want to understand my hack about height=0px
Updated 4 years ago1
.
Closed 4 years ago
flex button child height not accepting 100 percent
Updated 4 years ago1
IE11: align-items: center with min-height workaround
Updated 5 years ago15
Flex items overflowing their flex parent in IE11
Closed 7 years ago3
Chrome: Flexbox doesn't scale down images correctly
Updated 5 years ago7
CodePen does NOT support Internet Explorer 11 (IE11)
Closed 5 years ago14
The codepens for 12.1a and 12.1b have the same code
Closed 5 years ago3
Addition to Flexbug #9: IE11 <tr> Element (Table Row) does not Support Flexbox
Updated 5 years ago
webkit not honouring flex-basis percentage width with images
Updated 5 years ago1
IE11: align-items calculate baseline as bottom of table inside flex item
Updated 6 years ago
Confusing issue template
Closed 6 years ago6
`flex: 1 1 0%` is different from flex: `1 1 0px`
Updated 6 years ago2
'Flex-direction: column' in IE11 interacts badly with 'display: table'
Updated 6 years ago
#4 more accurate description
Updated 6 years ago1
Firefox vs. Chrome: flex box rendered differently, align-items
Updated 6 years ago4
inline block content in a flex container not displaced
Updated 6 years ago
ie nested flexbox with wrap overflow bug
Updated 6 years ago
Better solution for #15
Updated 6 years ago1
Why in chrome, answer options does not overlap the question, and in firefox, overlap?
Updated 6 years ago9
Codepen example for #14 does not demonstrate issue
Updated 6 years ago
Flexbug #4 fix breaks Webkit
Updated 6 years ago4
space-between doesn't work right when meet tag <br> in flex-items
Updated 7 years ago7
Nested flexbox's flex-basis is ignored in favor of intrinsic content dimensions
Updated 7 years ago2
Can't reproduce flexbug 4 in IE 11 any more
Closed 7 years ago2
Firefox flexbugs - Percentage padding not taken into account
Updated 7 years ago2
cglfvjkbcb
Closed 7 years ago
Flexbug #1 special case: auto minimum height of the nested flex container in the column flex container with scrolling
Closed 7 years ago2
Safari: Children with height and overflow hidden break parent height
Closed 7 years ago2
IE11 does not respect the margins on flex items in a flex column if width is not set
Closed 7 years ago10
display:flex container expand horizontally with its wrapped contents
Closed 7 years ago1
Flexbug #10 fixed in Firefox 52+
Closed 7 years ago2
flex and pseudo elements
Updated 7 years ago1
Wrapped flex children exceed container with limited height
Updated 7 years ago3
Column wrap is behaving differently in safari and in chrome.
Closed 7 years ago2
Two long words in a flex column with flex-wrap causes following paragraph to overlap
Updated 7 years ago2
Flexbug #11 Appears to be Resolved
Closed 7 years ago3
A new Safari bug?
Updated 7 years ago1
iOS Nested Flex item percentage based height appears collapsed
Closed 7 years ago1
Flexbox scroll div in iOs Safari. Nothing.
Closed 7 years ago1