1126725 - flex item larger than expected with long line of text & white-space: nowrap (and overflow: hidden; on child of flex item)

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[flash.vkv]

Attachment: bug.html

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:35.0) Gecko/20100101 Firefox/35.0
Build ID: 20150122214805

Steps to reproduce:

создаю две колонки. так чтоб правая была вся а левая сколько останеться места


Actual results:

контент расперае левую колонку


Expected results:

аналогично работе Chrome

Comment 1

[Daniel Holbert [:dholbert] (PTO until 2/24)]

You need to add:
  min-width:0;
to your "a" class, to allow it to shrink below its intrinsic width. Otherwise, the flexbox spec requires it to be wide enough as the longest unbreakable line of text. (which is really wide, given your "white-space: nowrap")

Chrome's behavior is a bug -- they haven't updated to match the current flexbox spec. See https://github.com/philipwalton/flexbugs and https://bugzilla.mozilla.org/show_bug.cgi?id=1043520 for more info.  The chrome bug is https://code.google.com/p/chromium/issues/detail?id=426898

Comment 2

[Daniel Holbert [:dholbert] (PTO until 2/24)]

Attachment: fixed testcase (added min-width:0 to .a rule)