1065550 - Horizontal scrollbar does not appear

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Inga]

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

Steps to reproduce:

Created an IFrame type Game on vk.com. Wrote the code for Iframe. Watched in Firefox.


Actual results:

No matter what is the size of the browser window, Firefox does not give a horizontal scrollbar for an IFrame. While Chrome, for instance, does.

Firefox: http://screen.redminez.com/395351e5b4912edb95a616bf2fa2596b.png
Chrome: http://screen.redminez.com/b6b6367fbe353890a89151d46040cd67.png


Expected results:

Firefox should give a horizontal scroll when the browser window does not show a full-width IFrame on vk.com site.

Comment 1

[Inga]

P.S. Tried Firefox Safe Mode - the same as described above.
Two of my friends who I asked to ckeck it mentioned the same behavior.

Comment 2

[Matthias Versen [:Matti]]

Please provide a URL and each single step that is required to reproduce the problem.
(e.g. open http://example.com, click on the link labeled "test", scroll down,....)

Comment 3

[Inga]

You should be registered here as a user https://vk.com to see an app because it is a social network (please note that when you decide to delete an account, you have to wait 210 days to complete submission). There should be an interface in English for registration, because English is one of the supported languages.

After that, there are two ways we can do. The app is in sandbox, so I can give you rights to see an app if you provide me with the url of your profile on vk.com. The other way is taking an app to public for a while (though this is not very comfortable for me now, because the app is under development).

Finally, that's an instruction after we've done the described above.

1) Open https://vk.com/app4463359 in Firefox (the width of your browser window should be 1024px or less).
2) Try to find a horizontal scrollbar, which should scroll to the right till the end of the IFrame width (which is 1000px). My friends and I did not see it in Firefox.
3) Repeat these two steps in Chrome. Compare.

Please let me know if I should take the app from sandbox to public.

Comment 4

[Loic]

Is it possible to host the game on a simple public webpage showing the issue? If it's an issue with iframe, vk.com should not be necessary to expose the bug, I guess.

Comment 5

[Paul Silaghi, QA [:pauly]]

(In reply to Inga from comment #3)
> Please let me know if I should take the app from sandbox to public.
yes, please

Comment 6

[Inga]

OK, now it is open.

https://vk.com/app4463359

Comment 7

[Paul Silaghi, QA [:pauly]]

Confirmed in 35.0a1 (2014-09-11), Win 7 x64

Comment 8

[Boris Zbarsky [:bzbarsky]]

> https://vk.com/app4463359

This still requires a login to launch the game.

Paul, what were the exact steps you followed to confirm?

Comment 9

[Paul Silaghi, QA [:pauly]]

(In reply to Boris Zbarsky [:bz] from comment #8)
> This still requires a login to launch the game.
Yes, you need a vk account. Here is my test one:
user: 40743595269
pass: test1234

> Paul, what were the exact steps you followed to confirm?
just open https://vk.com/app4463359 and login - there is no horizontal scrollbar if you reduce the browser window

Comment 10

[Loic]

vk.com is painful to test because each time someone is going to log in the test account, vk.com asks for mobile confirmation (because the account is used from different places in the world). :/

Comment 11

[Boris Zbarsky [:bzbarsky]]

Paul, thanks for the test account!

The page has this rule in its stylesheet:

  body.firefox #page_wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

(this is in common.css?468, line 38).

Since all the actual content is inside the <div id="page_wrap">, the page is explicitly turning off horizontal scrolling past the viewport width, but in Firefox only.

Inga, if this is your stylesheet, please take out that bogus rule.  If this is a stylesheet vk.com is sticking in the page by default, you'll need to either get them to fix it or explicitly add styles to override the "overflow:hidden" business with "auto" or "hidden".

Comment 12

[Inga]

Thank you, Boris and guys. We'll look into the code. I guess this is on vk.com for some reason because there was no reason for us to do it, our code is pretty simple.