965613 - [B2G][Browser]tieba.baidu.com display a sidebar that does not handle zooming in appropriately.

Status: RESOLVED DUPLICATE of bug 945960

(Web Compatibility :: Site Reports, defect)

Description

[Ross Kuhlman ([e-mail])]

Attachment: VID_0003.3gp

tieba.baidu.com is a sub-page of baidu.com that displays a sidebar on the left side of the screen. If the user zooms in on this page, the sidebar will stay locked to the left edge of the screen, causing it to overlap the main page content.

Repro Steps:
1) Updated Buri to BuildID: 20140128004004
2) Launch Browser app and navigate to 'http://tieba.baidu.com'.
3) Scroll partway down page and zoom in.

Actual:
Sidebar remains locked to left edge of screen. Sidebar text overlaps main page content.

Expected:
Sidebar does not overlap page content. User will have to pan to the left edge of the page in order to see sidebar while zoomed in.

Environmental Variables:
Device: Buri v1.3 Moz RIL
BuildID: 20140127004002
Gaia: 25a45a836a4a21a30f63fa7b544b42e8b781180a
Gecko: c40099a42c1f
Version: 28.0a2
Firmware Version: v1.2-device.cfg

Notes:

Repro frequency: 100%
See attached: logcat and video.

Comment 1

[Ross Kuhlman ([e-mail])]

Attachment: TiebaBaiduSidebar.txt

related bug: https://bugzilla.mozilla.org/show_bug.cgi?id=945960

Issue also occurs in v1.2
Environmental Variables:
Device: Buri v1.2 Moz RIL
BuildID: 20140128004004
Gaia: 539a25e1887b902b8b25038c547048e691bd97f6
Gecko: d10e1f965d0c
Version: 26.0
Firmware Version: v1.2-device.cfg

Comment 2

[Jason Smith [:jsmith]]

Does this reproduce on 1.1?

Comment 3

[Brogan Zumwalt [Inactive]]

Issue occurs in 1.1

Result: Sidebar remains locked to left edge of screen. Sidebar text overlaps main page content.

Environmental Variables:
Device: Buri v1.1 COM RIL
BuildID: 20140130041201
Gaia: c434fe9a0e823029796805e141cfa983cda2d246
Gecko: 1b24a4178317
Version: 18.0
RIL: 01.01.00.019.281
Firmware Version: v1.2-device.cfg

Comment 4

[Hallvord R. M. Steen [:hallvors]]

When you scroll down beyond a certain point, the left menu is supposed to "get stuck" and stay on the screen. Technically they detect scrolling and add a class name to the <div id="left-cont-wraper"> element, applying this style:

.left-cont-fixed {
    position: fixed;
    bottom: 90px;
}

If you load the site in a narrow desktop browser window and scroll down, you can reproduce exactly the same problem.

The real cause is that we're being sent a Desktop-adapted site rather than a Mobile-adapted site. That's tracked in bug 945960.