187188 - Cropped XUL label affects page width incorrectly

Status: NEW

(Core :: XUL, defect)

Description

[James Ross]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.3a) Gecko/20021224 Phoenix/0.5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.3a) Gecko/20021224 Phoenix/0.5

It seems that if you crop a label (using maxwidth attribute or max-width CSS
property), the overall content width is as if the label *wasn't* cropped, yet
most positioning is as if the label is cropped. The text always appears cropped.

Reproducible: Always

Steps to Reproduce:




I should come up with a simple text case, but until then look at bug 185111
(patch 3/4 mainly) - the label for the author of the theme will push the
"Uninstall" button way off the right of the pref dialog if the author is longer
than 190px, even though the author is displayed as cropped.

Comment 1

[John Morrison]

actually, this needs a testcase. (And do you really mean that you're a cropping
a <label/> ? [i.e., what does it mean to "crop" something that wraps text?]).

Comment 2

[James Ross]

If you do <label value="something really long" maxwidth="100"/> for example, the
text is cropped - it won't wrap.

Comment 3

[John Morrison]

Thanks. In that case, the 'value' is not created as a child text element of the 
label (as opposed to the case when you do <label>foo</label>).

Comment 4

[James Ross]

Attachment: Simple textcase, with CSS to show the problem

If you open this window from Mozilla (e.g. using window.open("testcase1.xul",
"_blank", "chrome,resizable=yes")), you will see a red box enclosing a blue and
a yellow box (side-by-side). Inside the blue box is a label with value "This is
some very, very long text that doesn't wrap." and maxwidth 100. You can see it
truncate.

Now make the window norrower (horizontally). The red (and yellow) boxes don't
get smaller. What's holding them there?

Well, as far as I can see, it's the string in the cropped label - it's forcing
a width it shouldn't be.

Comment 5

[[e-mail]]

As a workaround, <label crop="right"> gives you the effect you want.

Comment 6

[[e-mail]]

Or you can use style="min-width: 1px;" overriding the uncropped min width.