Open
Bug 787160
Opened 12 years ago
Updated 2 years ago
The width of a a display:-moz-box;-moz-box-orient:vertical; element is expanded by white-space:nowrap text
Categories
(Core :: XUL, defect)
Tracking
()
NEW
People
(Reporter: malcolm, Unassigned)
Details
Attachments
(1 file)
540 bytes,
text/html
|
Details |
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.82 Safari/537.1
Steps to reproduce:
I created a div with
display: -webkit-box;
-webkit-box-orient: vertical;
width: 100px;
Inside that div is a p with long text and:
white-space: nowrap;
text-overflow: ellipsis;
overflow-x: hidden;
Actual results:
The p ignores the width of the div and extends out to the right.
If I remove the overflow-x on the p then the div ignores its own width and becomes as wide as the p.
Expected results:
In Chrome (21) and Safari (5.1) the text is truncated to fit. Based on my reading of http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/ and newer versions webkit seems to be conforming while Firefox does not.
Comment hidden (obsolete) |
Reporter | ||
Comment 2•12 years ago
|
||
I'd be thrilled to use the 2012 version of the flex spec but I can't get that to work in Firefox 15. I've tried setting display to flex, -moz-flex, flexbox (which is what the 2012 spec says) and -moz-flexbox but FF's inspector says that all four of those are supported values.
What am I doing wrong?
Comment hidden (obsolete) |
Comment hidden (obsolete) |
Attachment #656971 -
Attachment mime type: text/plain → text/html
![]() |
||
Comment 5•12 years ago
|
||
I think this is depend on Bug 666041
Comment 6•12 years ago
|
||
Reproduced on:
Mozilla/5.0 (X11; Linux x86_64; rv:18.0) Gecko/18.0 Firefox/18.0
Status: UNCONFIRMED → NEW
Component: Untriaged → Style System (CSS)
Ever confirmed: true
OS: Mac OS X → All
Product: Firefox → Core
Hardware: x86 → All
![]() |
||
Comment 7•12 years ago
|
||
Probably wontfix for -moz-box, since the behavior there just needs to be whatever is needed for backwards compat.
Note that -webkit-box and -moz-box have very little to do with each other; in particular they are not attempts at implementing the same spec. So their behavior will generally be quite different in many cases.
Component: Style System (CSS) → XUL
Reporter | ||
Comment 8•12 years ago
|
||
I didn't realize that -webkit-box and -moz-box were different. Is there a spec for -moz-box?
![]() |
||
Comment 9•12 years ago
|
||
Apart from the code, no. It predates any specs in this space by 10+ years.
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•