815442 - carsensor.net does not work properly in mobile firefox

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[John Schoenick [:johns]]

Part of our investigation in bug 811421

The biggest issue with this site is flexbox support, which we don't have (close, though: bug 783409).

Secondly, we have a lot of -webkit- prefixing going on for properties that we would support unprefixed, without unprefixed versions:
- box-shadow
- border-radius
- background-size
- CSS animations - animation-*, @keyframes
- text-overflow

Finally there are a few webkit-specific CSS properties we don't have equivalents for. These seem to be fairly minor, however.
- -webkit-text-fill-color
- -webkit-text-stroke
- -webkit-text-size-adjust
- -webkit-tap-highlight-color

Here is a screenshot of a flexbox-enabled Firefox build with the above CSS properties aliased to the gecko equivalents:
http://people.mozilla.org/~jschoenick/carsensor.net_fixed_mobile.png

Comment 1

[Karl Dubost💡 :karlcow]

I have been using the Web site, going through sections and I didn't identify any specific issues. If you reopen it, point to very specific issues with URI.

Comment 2

[Hallvord R. M. Steen [:hallvors]]

* Firefox OS doesn't get a mobile site.

* Firefox for Android does, but this mobile site does indeed have some styling issues.

Comment 3

[Hallvord R. M. Steen [:hallvors]]

HTTP backend sniffing evident in content-length for www.carsensor.net:

Response for: 'Mozilla/5.0 (Mobile; rv:18.1) Gecko/18.1 Firefox/18.1'
Response Status: 200
content-length: 123372


Response for: 'Mozilla/5.0 (Android; Mobile; rv:26.0) Gecko/26.0 Firefox/26.0'
Response Status: 200
content-length: 35642

Comment 4

[Hallvord R. M. Steen [:hallvors]]

Attachment: 156-www.carsensor.net.png

Screenshot here shows that Firefox OS gets desktop site (left part) and Firefox when getting the mobile site has some rendering issues (right part - grey buttons with grey text, no logo at top, car logos have white background and names underneath are invisible etc.)

Comment 5

[Hallvord R. M. Steen [:hallvors]]

Attachment: carsensor.json - problem report

Comment 6

[Karl Dubost💡 :karlcow]

This Web site is managed by http://www.recruit-mp.co.jp/

The site sent to Firefox for Android is mostly working. There are a few issues with gradients, shadow, etc. Straightening up the CSS would make the site more compatible with more devices and reaching out more customers.

Trying to find an appropriate contact.

Comment 7

[Karl Dubost💡 :karlcow]

Handled mostly in https://webcompat.com/issues/914

Comment 8

[Karl Dubost💡 :karlcow]

fixed by layout.css.prefixes.webkit;true