m.urlaub.check24.de - Multiple arrows displayed for “Filter” button

[softvision-oana-arbuzov]

URL: https://m.urlaub.check24.de/suche/hotel/informationen?airport=BRE,CGN,CSO,DRS,DTM,DUS,ERF,FDH,FKB,FMM,FMO,FRA,GWT,HAJ,HAM,HHN,KSF,LBC,LEJ,MUC,NRN,NUE,PAD,RLG,SCN,STR,SXF,TXL&adult=2&departureDate=2017-08-29&returnDate=2017-10-24&travelDuration=1w&hotelCategory=2&hotelCategoryList=2,3,4,5&hotelCategoryMax=5&cateringList=allinclusive&roomType=villa&page=1&pageArea=package&oceanView=1&regionId=603&rating=4.3&recommendation=-&sorting=categoryDistribution&order=asc&offerSort=price&offerSortOrder=asc&regionSort=topregion&regionSortOrder=asc&hotelOnly=1&extendedSearch=1&beach=1&sur=1&hotelId=4151

Browser / Version: Firefox Mobile Nightly 57.0a1 (2017-08-21)
Operating System: Samsung Galaxy S7 Edge (Android 7.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density)
Tested Another Browser: Yes

Problem type: Design is broken
Description: Multiple arrows displayed for “Filter” button

Steps to Reproduce:

1. Navigate to: https://m.urlaub.check24.de/suche/hotel/informationen?airport=BRE,CGN,CSO,DRS,DTM,DUS,ERF,FDH,FKB,FMM,FMO,FRA,GWT,HAJ,HAM,HHN,KSF,LBC,LEJ,MUC,NRN,NUE,PAD,RLG,SCN,STR,SXF,TXL&adult=2&departureDate=2017-08-29&returnDate=2017-10-24&travelDuration=1w&hotelCategory=2&hotelCategoryList=2,3,4,5&hotelCategoryMax=5&cateringList=allinclusive&roomType=villa&page=1&pageArea=package&oceanView=1&regionId=603&rating=4.3&recommendation=-&sorting=categoryDistribution&order=asc&offerSort=price&offerSortOrder=asc&regionSort=topregion&regionSortOrder=asc&hotelOnly=1&extendedSearch=1&beach=1&sur=1&hotelId=4151.
2. Tap the “75 Gästebewertungen” (“Guest Reviews”) tab.
3. Observe “Filtern” (“Filter”) button.

Expected Behavior:
Single arrow is displayed.

Actual Behavior:
Multiple arrows are displayed.

Note:

1. Reproducible on Firefox 55.0.2 Release
2. Not reproducible on Chrome (Mobile) 59.0.3071.125.
3. Screenshot attached.

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

sv; country: de

From webcompat.com with ❤️

[MDTsai]

They use -webkit-appearance and background in the select element, but no -moz-appearance so that looks bad.
Duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=1368555

[MDTsai]

I change my mind, let's move to needscontact rather than wait for Firefox to support -webkit-appearance.

[adamopenweb]

As mentioned in #9147, reaching out to info@check24.de for multiple bug reports.

Although this is possibly fixed now.

[adamopenweb]

Issue still exists.

[jwatt]

Flipping the pref layout.css.webkit-appearance.enabled set to true in a Nightly build appears to fix this. It would be good is someone else could confirm that.

[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

Looks like flipping the pref fixes the site.

[jwatt]

@softvision-sergiulogigan thanks!

[cipriansv]

After retesting the issue I noticed that the layout has changed.

Tested with:
Browser / Version: Firefox Nightly 68.0a1 (2019-06-20), Chrome Mobile 75.0.3770.101
Operating System: Huawei P10 (Android 8.0) - 1080 x 1920 pixels (~432 ppi pixel density)

Closing as invalid.