www.yts.ag - The drop-down buttons are duplicated

[softvision-sergiulogigan]

URL: www.yts.ag
Browser / Version: Firefox Mobile Nightly 56.0a1 (2017-06-26)
Operating System: Samsung Galaxy S7 Edge (Android 7.0) - 1440 x 2560 pixels (~534 ppi pixel density)
Problem type: Layout is messed up

Steps to Reproduce

1. Navigate to: www.yts.ag
2. Tap the Search button. Observe the drop-down buttons.

Expected Behavior:
The drop-down buttons are correctly displayed.

Actual Behavior:
The drop-down buttons are duplicated.

Notes:

1. The issue is also reproducible on Firefox 54.0 Release (Mobile).
2. The issue is not reproducible on Chrome (Mobile) 58.0.3029.83.
3. Screenshot attached.

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

sv; country: in

From webcompat.com with ❤️

[softvision-sergiulogigan]

This issue might be a duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1368555

[karlcow]

Rendering with -moz-appearance: none added.

The current CSS is:

.selects-container select {
	margin: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 130px;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-appearance: none;
	box-sizing: border-box;
	height: 40px;
	color: #a2a2a2;
	font-size: .9em;
	font-weight: normal;
	overflow: hidden;
	background: url(../images/website/select-arrows.svg) no-repeat 115px 12px #282828;
	border: 0;
}

this is indeed a duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1368555

[MDTsai]

Let's close as duplicate.

[jwatt]

Can someone double check this site works in a Nightly build with the pref layout.css.webkit-appearance.enabled set to true? I can't test due to this site being blocked in the UK.

[jwatt]

More specifically, I'd like to confirm that when run in Nightly the site is still broken when the pref layout.css.webkit-appearance.enabled set to false, but fixed when it's set to true.

[softvision-sergiulogigan]

Hey @jwatt
Tested this on Google Pixel (Android 8.1.0) - 1080 x 1920 pixels (~441 ppi pixel density) and on Firefox Nightly 63.

layout.css.webkit-appearance.enabled - FALSE

layout.css.webkit-appearance.enabled - TRUE

[jwatt]

Thanks! Looks like flipping the pref fixes the site.