724442 - Zoom Out breaks alignment of Spry Content Slides

Status: NEW

(Core :: General, defect)

Description

[Nancy O.]

User Agent: Mozilla/5.0 (Windows NT 6.0; rv:10.0) Gecko/20100101 Firefox/10.0
Build ID: 20120129021758

Steps to reproduce:

View > Zoom out (Ctrl + -)


Actual results:

Spry content slides disappear from view.  Or more accurately, FF9 & 10 re-align them under photos.  See live demo:  http://alt-web.com/DEMOS/Spry-test.html


Expected results:

The page should have re-sized text and images without affecting alignment of content slides.  

Zoom Out does not adversely effect content slides in Chrome, IE, Safari or Opera.

Thanks,
Nancy O.
http://alt-web.com

Comment 1

[Boris Zbarsky [:bzbarsky]]

Minimalish testcase would be really useful here....

Comment 2

[Alice0775 White]

Attachment: reduced

Comment 3

[Alice0775 White]

Attachment: reduced

Comment 4

[Boris Zbarsky [:bzbarsky]]

Thanks!

So the issue is that the border is rounded to integer device pixels while the other lengths are not.  Since its "natural" width is <1px when zoomed, that means that it gets bigger, and then the second float no longer fits next to the first one...

I'm not quite sure what we can do on our end to fix this, short of rounding the div widths to integer pixels as well.  :(

Comment 5

[Robert O'Callahan (:roc) (email my personal email if necessary)]

I don't think there's much we can do to fix this without changing our entire zooming model and without allowing borders to disappear when zooming out. (Which would be particularly unfortunate since Webkit is moving towards our zooming model.)

Nancy, one way to fix this would be to use a table layout to position the elements side-by-side instead of floats, and make one of the two cells (probably .story) be "width:auto".

Comment 6

[Ada [:adalucinet]]

Mozilla/5.0 (Windows NT 6.0; rv:24.0) Gecko/20130805 Firefox/24.0
Mozilla/5.0 (Windows NT 6.0; rv:25.0) Gecko/20100101 Firefox/25.0

The URL from comment 0 on latest Nightly (Build ID: 20130804030207) and Aurora (Build ID: 20130805004006), the slides doesn't disappear from view when zooming in/out. Although, with Opera and Chrome the slides disappear. 

With the reduced testcase on Firefox, the words disappear when I zoom out; the same behavior is with Chrome and Opera; with IE the words are visible.

Does this bug address this issue since the behavior changed on other browsers ?