965619 - Si.com doesn't display slideshow content properly on Firefox OS and Firefox Android

Status: VERIFIED INVALID

(Web Compatibility :: Site Reports, defect)

Description

[Montoya Clemmons (MClemmons)]

User navigates to Si.com homepage in landscape or portrait mode with content that allows user to swipe to the left to see content of the other pages/articles within the slideshow. When user swipes, the user can only view two slides when there are three. Of the two visible on device, the text within the body of the image is not in full.

Repro Steps:
1) Updated Buri to BuildID: 20140127041201
2) Tap Browser App
3) Navigate to m.si.com

Actual:
Homepage displays with an image of former NFL player Dwight Harrison with text The troubling story of former NFL player D.  Sliding device screen to the left displays the second slide of football player images and text reading t's upbringing encouraged him to take a bold gam. Sliding device screen to the left doesn't display the third available slide.

Expected:
Homepage displays with an image of former NFL player Dwight Harrison with text reading The troubling story of former NFL player Dwight Harrison. Sliding device screen to the left displays the second slide of football player images and text reading Michael Bennett's upbringing encouraged him to take a bold gamble. Sliding device screen to the left displays the third available slide with basketball images with text of All-Sanctioned: Players, coaches who drew Stern's ire

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

Notes:
1. Repro frequency: (10/10, 100%)
2. See attached: (video clip portrait on Buri 1.3 – incorrect = http://youtu.be/1byWL_ZwZ2Q
3. See attached: (video clip landscape on Buri 1.3 – incorrect = http://youtu.be/jNCy8Xh5dMk
4. See attached: (video clip of m.si.com on desktop FireFox OS – correct = http://youtu.be/ffeqhqy32nM)
5. Attempted on Android (non-Buri) device with Google Chrome browser and behavior was consistent with FireFox OS display – no truncation of text and all three slides of slideshow display

Comment 1

[Montoya Clemmons (MClemmons)]

I was able to reproduce this on Buri 1.2. Following the STR from Comment 0 did demonstrate the same behavior of a missing third slide and text not appearing in full for the first two slides.  

Environmental Variables:
Device: Buri 1.2 MOZ
BuildID: 20140127004002
Gaia: 539a25e1887b902b8b25038c547048e691bd97f6
Gecko: d10e1f965d0c
Version: 26.0
RIL Version: 01.01.00.019.281

Comment 2

[Montoya Clemmons (MClemmons)]

I was able to reproduce this issue on Buri 1.1

Following the STR from Comment 0 did demonstrate the same behavior of a missing third slide and text not appearing in full for the first two slides.  

Environmental Variables:
Device: Buri 1.1 MOZ
BuildID: 20140127041201
Gaia: c434fe9a0e823029796805e141cfa983cda2d246
Gecko: 78de4743eec5
Version: 18.0
RIL Version: 01.01.00.019.281

Comment 3

[Karl Dubost💡 :karlcow]

The issue seems related to the size of images inside the carrousel. When emulating the UA on a larger screen there is no issue.

.carousel img {width: 100%;}

seems to partially fix the issue. But there is a need for tweaking with the CSS for the text too.

Comment 4

[Karl Dubost💡 :karlcow]

Changing the domain name. The site is now responsive. 
The mobile domain name doesn't exist anymore. 
And I didn't identify any issues anymore.

CLOSING as INVALID.

Comment 5

[Mike Taylor [:miketaylr]]

Yep, LGTM.