Open Bug 1544064 Opened 6 years ago Updated 3 years ago

Offset elements on ManyVids (NSFW website)

Categories

(Core :: Layout, defect, P5)

Product:
Core
Component:
Layout
Version:
68 Branch
Platform:
Unspecified
Android
Type:
defect

Tracking

()

Tracking Flags:
Tracking Status
firefox66 --- wontfix
firefox67 --- wontfix
firefox68 --- affected

People

(Reporter: csheany, Unassigned)

Details

Attachments

(6 files)

Screenshot_20190412-193626.jpg
89.72 KB, image/jpeg
Details
Screenshot_20190413-154600.jpg
150.34 KB, image/jpeg
Details
Screenshot_20190413-154613.jpg
78.38 KB, image/jpeg
Details
Screenshot_20190501-214120.jpg
46.79 KB, image/jpeg
Details
Screenshot_20190501-214154.jpg
92.03 KB, image/jpeg
Details
Screenshot_20190501-214243.jpg
129.12 KB, image/jpeg
Details

User Agent: Mozilla/5.0 (Android 7.1.1; Tablet; rv:68.0) Gecko/68.0 Firefox/68.0

Steps to reproduce:

  1. Open manyvids.com
  2. Tap Advanced Search

Actual results:

The video links are under the menu

Expected results:

The video links are next to the menu

The appearance of the menu is very different in Firefox than in Chrome, leading me to believe that the site is serving different content to Firefox vs. Chrome. That would then also explain why the positioning of the video links relative to the menu is different. I don't think there's a browser issue here.

Is this what you are seeing?

Yes. With the video links in the blank area of the screenshot.

Any reason you think that wouldn't be the case?

Can you test in Responsive Design Mode?

Is this the difference you are referring to?

The second screenshot highlights the issue.

status-firefox66: --- → wontfix
status-firefox67: --- → wontfix
status-firefox68: --- → affected
Priority: -- → P5

Botond, would you mind taking another look when you have a chance.

Comment 3 matches what I see in Firefox.

Comments 7-8 match what I see in Chrome.

It sounds like you sometimes get the appearance in comments 7-8 in Firefox?

Not quite :)

Comments 7-8 were after spoofing the user agent to compare.

This was filed because of the blank area in the screenshot.

(In reply to csheany from comment #12)

Comments 7-8 were after spoofing the user agent to compare.

Ok - that seems to confirm that the site is serving different content to Firefox and Chrome.

(In reply to csheany from comment #13)

This was filed because of the blank area in the screenshot.

If the problem is not the difference between comment 3 vs. comments 7-8, then I don't understand what the problem is. Please explain more.

First, may I ask how you are testing?

I was testing on an Android tablet, following the steps from comment 0.

Does the page load zoomed in or zooomed out?

There is a small amount of horizontal scroll range. I cannot zoom in or out.

I'm guessing user-scalable=0

Does the toolbar fit the screen?

Comment 20 should look like Comment 8 (for the most part)

The magnifying glass and hamburger are initially out of view.

"Being Viewed" in Comment 21 is out place.

The content width is too narrow.

The layout seems broken.

(In reply to csheany from comment #23)

Comment 20 should look like Comment 8 (for the most part)

The magnifying glass and hamburger are initially out of view.

For me, they are not out of view. The content below that toolbar is horizontally scrollable, while the toolbar itself is not.

This is not the case in Chrome, where the toolbar and the content below it have a matching width and nothing is scrollable horizontally.

Given that we know the site is serving different content to Firefox and Chrome, that likely explains this difference as well.

"Being Viewed" in Comment 21 is out place.

I agree it looks out of place in the screenshot. I don't get that rendering though, I see "Being Viewed" to the right of the search panel.

The content width is too narrow.

If you mean the width of the search panel (such that e.g. the icons under "Intensity" overflow it a little), I suspect that's on purpose, to make space for the videos to the right of it.

I think what may have led to confusion was calling the "search panel" the menu in the description.

Apparently always enabling zoom causes the toolbar to toggle (?)

I think whats causing the horizontal overflow is "Premium Member" banner in Comment 22

I want my to rendering to look like yours :)

This was filed to figure out why it's not.

We match overfall but not entirely.

By content width I meant the browser window itself (or whatever is pushing the links down because of squeezing)

The desktop site is rendered "properly" which makes it more curious that the tablet optimized isn't

The toolbar and content below "should" have a matching width and nothing horzontally scrollable in Firefox

VIP in the Premium Member banner extends too far as evidenced by the fact it is beyond the Next button in Comment 22

The space is there but the videos aren't

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Component: General → Audio/Video

It looks more like a layout issue that video playback. Change the component so it can be handled by the experts.

Component: Audio/Video → Layout
OS: Unspecified → Android
Product: Firefox for Android → Core
Version: Firefox 68 → 68 Branch

The bug has a release status flag that shows some version of Firefox is affected, thus it will be considered confirmed.

Status: UNCONFIRMED → NEW
Ever confirmed: true
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: