Closed Bug 815442 Opened 7 years ago Closed 4 years ago

carsensor.net does not work properly in mobile firefox

Categories

(Web Compatibility :: Mobile, defect)

ARM
Android
defect
Not set

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: johns, Unassigned)

References

()

Details

(Whiteboard: [country-jp] [webkitcss][serversniff][contactready])

Attachments

(2 files)

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
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.
Status: NEW → RESOLVED
Closed: 6 years ago
Hardware: All → ARM
Resolution: --- → WORKSFORME
Whiteboard: [country-jp] [webkitcss]
* Firefox OS doesn't get a mobile site.

* Firefox for Android does, but this mobile site does indeed have some styling issues.
Status: RESOLVED → REOPENED
Resolution: WORKSFORME → ---
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
Whiteboard: [country-jp] [webkitcss] → [country-jp] [webkitcss][serversniff]
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.)
Status: REOPENED → NEW
Whiteboard: [country-jp] [webkitcss][serversniff] → [country-jp] [webkitcss][serversniff][contactready]
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.
fixed by layout.css.prefixes.webkit;true
Status: NEW → RESOLVED
Closed: 6 years ago4 years ago
Resolution: --- → FIXED
Product: Tech Evangelism → Web Compatibility
You need to log in before you can comment on or make changes to this bug.