1091911 - cnnmobile.com - Buttons and Text boxes at the bottom of a CNN News page are misaligned

Status: RESOLVED WONTFIX

(Web Compatibility :: Site Reports, defect, P5)

Description

[Fred Muyumba [:FredM]]

Attachment: 2014-10-30-18-27-07.png

Description:
There is misalignment of Buttons and Text boxes at the bottom of the CNN News page

   
Repro Steps:
1) Update a Flame device to BuildID: 20141029001202
2) Launch the "Browser" App
3) Type "CNN" in the Rocketbar 
4) Scroll to the bottom of the page
5) Observe the two text boxes, the "Submit" and "Search" buttons
  
Actual:
The Text boxes are NOT well aligned with their corresponding buttons
  
Expected: 
The Text boxes ARE well aligned with their corresponding buttons
  
Environmental Variables:
Device: Flame 2.1 (319mb)(Kitkat Base)(Full Flash)
BuildID: 20141029001202
Gaia: eb0aab0f13c78c7ac378ad860e865c4b6eaf669f
Gecko: 318019f80a8e
Gonk: 48835395daa6a49b281db62c50805bd6ca24077e
Version: 34.0 
Firmware: V188
User Agent: Mozilla/5.0 (Mobile; rv:34.0) Gecko/34.0 Firefox/34.0
  
  
Repro frequency: 100%
See attached: screenshot & logcat

Comment 1

[Fred Muyumba [:FredM]]

Attachment: logcat_20141030_1555.txt

Comment 2

[Fred Muyumba [:FredM]]

This issue is reproducible on Flame 2.2 Master (319mb)(Kitkat Base)(Full Flash) and Flame 2.0 (319mb)(Kitkat Base)(Full Flash)

Result: There is misalignment of Buttons and Text boxes at the bottom of the CNN News page


Environmental Variables:
Device: Flame 2.2 Master (319mb)(Kitkat Base)(Full Flash)
BuildID: 20141029040208
Gaia: 35e87ac4324f0f3abd93dcc70d61c9f37256a0f5
Gecko: 7e3c85754d32
Gonk: 48835395daa6a49b281db62c50805bd6ca24077e
Version: 36.0a1 
Firmware: V188
User Agent: Mozilla/5.0 (Mobile; rv:36.0) Gecko/36.0 Firefox/36.0

-----------------------------------------------------------------------------------------------------------

Environmental Variables:
Device: Flame 2.0 (319mb)(Kitkat Base)(Full Flash)
BuildID: 20141029000205
Gaia: 9f5b6f025e528fabfcc068782cb9b492cb51a7f9
Gecko: de8cfd54bf93
Gonk: 48835395daa6a49b281db62c50805bd6ca24077e
Version: 32.0 
Firmware: V188
User Agent: Mozilla/5.0 (Mobile; rv:32.0) Gecko/32.0 Firefox/32.0

Comment 3

[Fred Muyumba [:FredM]]

This issue is reproducible on Flame 1.4 (319mb)(Jellybean Base)(Shallow Flash)

Result: The Text boxes are NOT well aligned with their corresponding buttons

Device: Flame 1.4 (319mb)(Jellybean Base)(Shallow Flash)
BuildID: 20141031003004
Gaia: 9ff9ee9e56ba04aff6900f872535cd8f3aee7904
Gecko: 6f76cb0d1d05
Version: 30.0 
Firmware: V123
User Agent: Mozilla/5.0 (Mobile; rv:30.0) Gecko/30.0 Firefox/30.0

Comment 4

[KTucker [:KTucker][Inactive 3/4/2016]]

This is a minor TE issue so not nominating to block on this. I checked iPhone and the buttons are aligned properly on the CNN page.

Comment 5

[Karl Dubost💡 :karlcow]

There is a missing domain name for this bug. 

If I go to http://cnn.com/ with a firefox OS UA, I'm being redirected to
http://cnnmobile.com/primary/Home?cookieFlag=COOKIE_SET

This Web site doesn't have the same type of boxes for the weather search form.
We receive square boxes.

Comment 6

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

I can reproduce but IMHO this is very minor :)

Comment 7

[Fred Muyumba [:FredM]]

I went to http://cnn.com/ and I was NOT redirected to http://cnnmobile.com/primary/Home?cookieFlag=COOKIE_SET

Comment 8

[Karl Dubost💡 :karlcow]

The Firefox OS project is not active anymore.