ec.europa.eu - The radio buttons are hardly visible

[lobontiumira]

URL: https://ec.europa.eu/eusurvey/runner/2018-summertime-arrangements?surveylanguage=EN

Browser / Version: Firefox Mobile Nightly 63.0a1 (2018-07-09)
Operating System: LG G5 (Android 7.0) 1440 x 2560 pixels (~554 ppi pixel density)
Tested Another Browser: Yes

Problem type: Design is broken
Description: The radio buttons are hardly visible
Steps to Reproduce:

1. Navigate to https://ec.europa.eu/eusurvey/runner/2018-summertime-arrangements?surveylanguage=EN
2. Scroll down the page and press the “Next” button.
3. Scroll down the page and observe the radio buttons from the survey form.

Expected Behavior:
The radio buttons are visible.

Actual Behavior:
The radio buttons are hardly visible.

Notes:

1. Not reproducible on Chrome 67.0.3396.87 and Edge 42.
2. Reproducible on Firefox Release 61.0.
3. Also, reproducible with checkboxes from the next page.
4. Screenshot attached.

Affected area

<input data-bind="enable: !$parents[1].readonly() &amp;&amp; !$parents[1].foreditor, checked: getPAByQuestion2($parents[1].uniqueId(), uniqueId(), id()), attr: {'data-id': $parents[1].id() + '' + id(), 'id': id(), 'data-shortname': shortname(), 'data-dependencies': dependentElementsString(), onclick: $parents[1].readonly() ? 'return false;' : 'singleClick(this); checkDependenciesAsync(this);', class: $parents[1].css + ' trigger check', name: 'answer' + $parents[1].id(), value: id()}" type="radio" data-id="2054147120541472" id="20541472" data-shortname="[ID2]" data-dependencies="" onclick="singleClick(this); checkDependenciesAsync(this);" class="required trigger check" name="answer20541471" value="20541472">

Watchers:
@softvision-sergiulogigan
@softvision-oana-arbuzov

sv; country: uk

From webcompat.com with ❤️

[lobontiumira]

This might be a duplicate to #1435665

[karlcow]

Close as duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1435665