716725 - Fennec not respecting CSS min-width (or something)

Status: RESOLVED WORKSFORME

(Core :: Layout: Block and Inline, defect, P3)

Description

[Justin Lebar (not reading bugmail)]

In bug 683284, I wrote some CSS which attempts to make about:memory wider in Fennec, so text isn't cut off.

It works fine in a thin desktop window, but it doesn't work on native Fennec.  The text only takes up half the window, but it should take up the whole window.

I'm happy to write a minimized testcase, but right now Fennec dies as soon as I click the URL bar (Nexus S running ICS, OS pops up a stopped-responding dialog), so that's hard.

So for now, the STR are: Build Fennec with the patch from bug 683284 applied.  Open about:memory.  Text should fill the screen (and, in fact, the layout viewport should be wider than the screen) but takes up only about half the screen.

Untested minimized testcase (may or may not trigger the bad behavior):

<div style='min-width: 75ex; background: green'>
<pre style='overflow-x: hidden; text-overflow: ellipsis'>This is a very long line.  It should be so long that it overflows the screen.  Except there should be an ellipsis...</pre>
</div>

Comment 1

[Justin Lebar (not reading bugmail)]

Er, wrong bug number.  Should be bug 706431.

Comment 2

[Steffen Wilberg]

This is about Fennec Native, right?

Comment 3

[Justin Lebar (not reading bugmail)]

(In reply to Steffen Wilberg from comment #2)
> This is about Fennec Native, right?

Yes.  (I didn't realize it had its own product!)

Comment 4

[Matt Brubeck (:mbrubeck)]

This is caused by font inflation (bug 627842).  As the container gets wider, the text gets proportionally larger, so it ends up getting cut off just as much.  If you set the "Font size" pref in Fennec to "Tiny" then you can see the correct (non-inflated) layout.  You can also work around this problem by setting style="-moz-text-size-adjust: none;" on the affected elements.

This should be fixed by bug 706198, which will disable font inflation on XUL pages.  Not sure whether it should be marked duplicate; marking as dependent for now so that it can be verified after bug 706198 is fixed.

Comment 5

[Justin Lebar (not reading bugmail)]

Isn't this a bug which affects websites trying to have a similar layout?

Comment 6

[Mats Palmgren (inactive)]

Attachment: Testcase #1

This looks fine to me on both Fennec Linux and Android.
The two lines renders the same, except that the first one has an ellipsis.