The default bug view has changed. See this FAQ.

Some sites are wider than they should be

RESOLVED FIXED

Status

()

Core
Layout
RESOLVED FIXED
5 years ago
5 years ago

People

(Reporter: Johan Larsson, Assigned: mats)

Tracking

({regression})

12 Branch
x86
All
regression
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(3 attachments)

(Reporter)

Description

5 years ago
Created attachment 594918 [details]
Scrollbar

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:13.0a1) Gecko/20120204 Firefox/13.0a1
Build ID: 20120204040234

Steps to reproduce:

Open http://www.smashingmagazine.com/ in a window that is wider than 1200px.


Actual results:

 There is ~450px of dead space to the right of the content that you can scroll to.


Expected results:

The site should not be scrollable in the x-axis at all. (It's a responsive design)

Chrome and Safari works fine.

Comment 1

5 years ago
I can reproduce here.

Not sure if it's a bug or the expected layout.

Can you reduce the code to make it easier to debug?
(Reporter)

Comment 2

5 years ago
Created attachment 594924 [details]
A stripped down version of Smashing Magazine

I found the culprit. In the responsive.css they're doing this:

nav.toplevel{margin-right:450px; width:100%}

I see why that's a problem but how come both Safari and Chrome is rendering this without scrollbars and without the ability to scroll in the content?

Comment 3

5 years ago
Created attachment 594933 [details]
reduced html

http://hg.mozilla.org/integration/mozilla-inbound/rev/7ea3311b5e6c
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0a1) Gecko/20120116 Firefox/12.0a1 ID:20120116145408

http://hg.mozilla.org/integration/mozilla-inbound/rev/3077b729dfd5
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0a1) Gecko/20120116 Firefox/12.0a1 ID:20120116153908

http://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=7ea3311b5e6c&tochange=3077b729dfd5

Triggered by; Bug 665597

Updated

5 years ago
Blocks: 665597
Component: General → Layout
OS: Mac OS X → All
QA Contact: general → layout

Updated

5 years ago
Status: UNCONFIRMED → NEW
Ever confirmed: true
Keywords: regression

Updated

5 years ago
Version: 13 Branch → 12 Branch
(In reply to Johan Larsson from comment #2)
> I see why that's a problem but how come both Safari and Chrome is rendering
> this without scrollbars and without the ability to scroll in the content?

Presumably they don't include the right margin in the area that can be scrolled to.
The question is, how common is this problem...

Updated

5 years ago
Summary: Some sites are wider then they should be → Some sites are wider than they should be
Blocks: 750293
(Assignee)

Comment 6

5 years ago
The patch in bug 750293 fixes this bug too.
Assignee: nobody → matspal
(Assignee)

Comment 7

5 years ago
Fixed by the wallpaper in bug 750293 for now.
No longer blocks: 750293
Status: NEW → RESOLVED
Last Resolved: 5 years ago
Depends on: 750293
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.