Closed
Bug 798757
Opened 13 years ago
Closed 13 years ago
Viewport won't shrink below some minimum width
Categories
(Firefox :: General, defect)
Tracking
()
RESOLVED
INVALID
People
(Reporter: denis_truffaut, Unassigned)
Details
Attachments
(1 file)
|
164 bytes,
text/html
|
Details |
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.4 (KHTML, like Gecko) Chrome/22.0.1229.79 Safari/537.4
Steps to reproduce:
Open Firefox and Chrome.
Test this pretty simple example (only 6 lines) :
<!DOCTYPE html>
<html>
<body>
<div style="margin-right:20px;background:red;">Lorem ipsum dolor sit amet, consectetur adipisicing elit</div>
</body>
</html>
Now, resize both browsers to a very small width.
Actual results:
The right-margin (20px) is not honored in Firefox.
This bug happen only under a width threshold.
Chrome is OK.
Expected results:
The right-margin (20px) should be honored when possible, for every browser width.
It is very important for responsive designs (phones and other mobile devices)...
|
Reporter | |
Comment 1•13 years ago
|
||
Internet Explorer and Opera are OK too.
This is really Firefox-specific.
It seems that, in Firefox, when the url bar is horizontally minified as possible, the browser stops to compute elements sizes.
|
||
Updated•13 years ago
|
Component: Untriaged → Layout
Product: Firefox → Core
|
|
||
Comment 3•13 years ago
|
||
> It seems that, in Firefox, when the url bar is horizontally minified as possible, the
> browser stops to compute elements sizes.
When that happens, the viewport stops getting smaller, even if the window gets smaller. This is a pure Firefox UI issue; nothing to do with core layout. It's also not happening in my Firefox (on Mac), so it's possible that you have extensions that are triggering the behavior. Do you see the behavior in safe mode?
> It is very important for responsive designs (phones and other mobile devices)...
You can test things for responsive designs without resizing your browser window at all by either loading it in an iframe of the given width or by using the option in the developer tools that Firefox has for this purpose, for what it's worth.
Component: Layout → General
Product: Core → Firefox
Summary: Right margin is not honored on small browser width - auto width margin bug - Chrome is OK → Viewport won't shrink below some minimum width
Whiteboard: DUPEME
|
|
||
Comment 4•13 years ago
|
||
Denis, can you reproduce this issue with a clean profile?
http://support.mozilla.org/en-US/kb/profile-manager-create-and-remove-firefox-profiles
Flags: needinfo?(denis_truffaut)
|
|
Reporter | |
Comment 5•13 years ago
|
||
Yep, problem remains with a fresh profile.
As Boris said, it is a pure UI issue.
Displaying the sample inside an iframe is OK.
Flags: needinfo?(denis_truffaut)
As far as i can tell its the firefox button that caused it; and that's why it only happend on windows. It's fixed in the firefox 17 cycle (looking for the checkin right now.
Confirmation if this is what you see:
1. Start firefox
2. load the testcase
3. slide the window and get the effect that the ui "slides"
4. show the window menu (right click the toolbar and check "menu bar"
5. slide the window
|
|
Reporter | |
Comment 7•13 years ago
|
||
Nope, the problem remains with the menu bar displayed, the cause is not the "Firefox" orange button.
I let you see what happen with some screenshots :
http://www.kirikoo.net/images/7CyberDenix-20121019-103116.png
1. no render - with firefox button + fresh profile
2. no render - without firefox button
3. no render again
4. no render again
5. start to render
6. I suspect the url bar to be the triggering element
The fix i see landed in 2012-08-01[2], can you try it and see if you can reproduce it there[1]?
[1] http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/2012/08/2012-08-01-03-05-20-mozilla-central/firefox-17.0a1.en-US.win32.zip
[2] http://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=778ba119ded6&tochange=582D4C67b3a7
i also see that you have the firebug toolbar button in the toolbar, have you tried if moving it helps?
Flags: needinfo?(denis_truffaut)
|
|
Reporter | |
Comment 10•13 years ago
|
||
Hi Cork,
The first shot, on the left (those with firefox orange button), was made on a new profile, without firebug and web dev toolbar.
...
Super !
I confirm that the bug is resolved in the 17.0a1 !
\o/ \o/ \o/
Flags: needinfo?(denis_truffaut)
|
|
||
Updated•13 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 13 years ago
Resolution: --- → INVALID
You need to log in
before you can comment on or make changes to this bug.
Description
•