www.bet365.com - The Dropdown buttons are duplicated

[softvision-sergiulogigan]

URL: www.bet365.com
Browser / Version: Firefox Mobile Nightly 55.0a1 (2017-06-15)
Operating System: Samsung Galaxy S6 (Android 7.0) - 1440 x 2560 pixels (~577 ppi pixel density)
Problem type: Layout is messed up

Steps to Reproduce

1. Navigate to: www.bet365.com
2. Login with valid credentials.
3. Tap the My Account button.
4. Tap the Gear icon. Observe the Dropdown buttons.

Expected Behavior:
The Dropdown buttons are correctly displayed.

Actual Behavior:
The Dropdown buttons are duplicated.

Notes:

1. The issue is also reproducible on Firefox 53.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 ❤️

[karlcow]

This is a duplicate of -webkit-appearance: none probably. Let's see.

.mmm-PreferencesRow_List {
	width: 100%;
	border: 0;
	background-color: #ddd;
	font-size: 15px;
	color: #666;
	line-height: 20px;
	padding: 22px 11px 7px;
	margin-top: -22px;
	background-clip: content-box;
	-webkit-appearance: none;
	appearance: none;
}

yup. That's it. duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1368555

[jwatt]

Maybe someone with an account for the site could double check that this site works in a Nightly build with the pref layout.css.webkit-appearance.enabled set to true?

[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-oana-arbuzov]

@jwatt , the issue seems to be fixed regardless if layout.css.webkit-appearance.enabled is set to true or false.

Tested with:
Browser / Version: Firefox Nightly 63.0a1 (2018-07-12)
Operating System: Huawei P10 (Android 7.0) - 1080 x 1920 pixels (~432 ppi pixel density),

[jwatt]

@softvision-oana-arbuzov Thank you!

[karlcow]

This has been fixed because they added -moz-appearance: none;

.mmm-PreferencesRow_List {
	width: 100%;
	border: 0;
	background-color: #ddd;
	font-size: 15px;
	color: #666;
	line-height: 20px;
	padding: 22px 11px 7px;
	margin-top: -22px;
	-webkit-background-clip: content-box;
	background-clip: content-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}