www.pinterest.com - The radio buttons in the registration form are distorted

[softvision-sergiulogigan]

URL: www.pinterest.com
Browser / Version: Firefox Mobile Nightly 55.0a1(2017-03-14)
Operating System: Samsung Galaxy Note 4 (Android 5.0.1)
Problem type: Layout is messed up

Steps to Reproduce
Prerequisites:

1. No login session is active on www.pinterest.com

Give more details

1. Navigate to: www.pinterest.com
2. Enter an e-mail and a password in the corresponding fields.
3. Tap the Continue button. Observe the radio buttons in the registration form.

Expected Behavior:
The radio buttons are correctly displayed.

Actual Behavior:
The radio buttons are distorted.

Notes:

1. The issue is also reproducible on the Firefox 52.0 Release.
2. The issue is not reproducible on Chrome (Mobile) 56.0.2924.87.
3. Screenshot attached.

sv; country: us

From webcompat.com with ❤️

[karlcow]

heh. I have no luck with @softvision-sergiulogigan

[karlcow]

Someone else can double test?

[softvision-sergiulogigan]

I also tested on Nexus 5 (Android 6.0.1) with Firefox 52.0 Release, and the issue is there...

[wisniewskit]

This is a known issue that should allegedly be fixed in bug 1340661 (as per the discussion in bug 1344395).

[karlcow]

@wisniewskit Ah thanks.

So… probably because of the height: auto

<fieldset>
    <label class="Gender__tooltip" 
        style="-moz-osx-font-smoothing: grayscale; 
               margin: 0px 10px 0px 0px; 
               display: inline-block; 
               font-size: 16px; 
               font-weight: bold; 
               cursor: pointer; 
               padding: 15px 0px;">
        <input name="gender" value="male" 
               style="height: auto; 
                      padding: 10px; 
                      margin-right: 8px; 
                      font-size: 12px;" 
               type="radio">
            <span style="vertical-align: middle; 
                         text-align: center; 
                         color: rgb(85, 85, 85);">Male
            </span>
    </label>
<!-- … cut for brevity … -->
</fieldset>

[softvision-oana-arbuzov]

This issue is no longer reproducible.

Tested with:
Browser / Version: Firefox Mobile Nightly 57.0a1 (2017-09-10)
Operating System:
Huawei P10 (Android 7.0) - Resolution 1080 x 1920 pixels (~432 ppi pixel density)
Nexus 5 (Android 6.0.1) - Resolution 1080 x 1920 pixels (~445 ppi pixel density)