From d8edb5aa438aba94de1678b3162a2491e62082d8 Mon Sep 17 00:00:00 2001 From: Nicolas Coden Date: Sat, 2 Apr 2016 03:37:51 +0200 Subject: [PATCH] Fix flex-grid-column with nowrap child On the last version of chrome, the child of a `flex-grid-column(null)` with ```css white-space: nowrap; overflow: hidden; ``` doesn't have a limited size, and the full content is showed in one line exceeding the row. `min-width: 0;` fix this problem, probably by remembering to chrome to evaluate the column width with a `0px` content width (it's what `flex: 1 1 0px` should do). https://stackoverflow.com/questions/34934586/white-space-nowrap-and-flex box-did-not-work-in-chrome --- scss/grid/_flex-grid.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/scss/grid/_flex-grid.scss b/scss/grid/_flex-grid.scss index dd5e235cb..c746e4735 100644 --- a/scss/grid/_flex-grid.scss +++ b/scss/grid/_flex-grid.scss @@ -96,6 +96,11 @@ padding-right: $padding; } + // fixes recent Chrome version not limiting child width + // https://stackoverflow.com/questions/34934586/white-space-nowrap-and-flexbox-did-not-work-in-chrome + @if $columns == null { + min-width: 0; + } // max-width fixes IE 10/11 not respecting the flex-basis property @if $columns != null and $columns != shrink { max-width: grid-column($columns); -- 2.47.2