931905 - i.pathfinder.gr doesn't render properly on Firefox for Android

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[Thanos Lefteris [:alefteris]]

Site: http://i.pathfinder.gr
i.pathfinder.gr doesn't render properly on Firefox for Android

:: Steps To Reproduce

1. Open Firefox for Android app
2. Type i.pathfinder.gr in Firefox for Android address bar

:: Expected Result

The site should render the same as it does for iOS Safari.

:: Actual Result

When viewing with Firefox for Android there are background gradients missing and rounder corners not working.

:: Additional Information

Firefox for Android Beta
Software Version: Mozilla/5.0 (Android; Mobile; rv:25.0) Gecko/25.0 Firefox/25.0
Device Information: ZTE Blade

Comment 1

[Mike Taylor [:miketaylr]]

Lots of -webkit- only CSS without friendly fallbacks in http://i.pathfinder.gr/css/css.css.

Also in http://i.pathfinder.gr/js/js.js a few problems: only adding event listeners for 'webkitTransitionEnd' events, only adding 'webkitTransform' style properties, relying on window.orientation.

If you unpack the core.js (https://gist.github.com/anonymous/7205559), there is an author listed: author: "[e-mail]", so that might be a good person to reach out to. The code looks like it was updated recently, so it's at least maintained: // Core.Packed: 22/10/2013 17:22:24. Lots of UA sniffing in core.js, but doesn't look overly webkit specific.

Given the "i" subdomain, I'm guess they designed this site specifically for iDevices. But just a little bit of work and it should work across browsers.

Comment 2

[Thanos Lefteris [:alefteris]]

The mobile site also seems to lack a favicon, it only has defined an apple touch icon. Even though android generally supports apple touch icons, the way it's implemented here is not working when bookmarking to home screen.

Comment 3

[Thanos Lefteris [:alefteris]]

I send a message using the contact form at http://contact.pathfinder.gr

Comment 4

[Thanos Lefteris [:alefteris]]

Got a reply back that said that they where targeting just iDevices when they implemented the site. They said that they made some fixes and it does look better now, but still has some issues. They also said that the site is being redesigned and the next version will support all mobile browsers.

Not sure if I should ask them to fix the redirection issue.

Comment 5

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

I see backgrounds, no rounded corners - the real problem I see is that if I go to "News", the top toolbar disappears after loading in FxOS while it stays below the logo area in Android stock browser. Likely because they rely on window.orientation usage (this toolbar goes away in landscape mode on Android).

Comment 6

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

I think this is resolved now - Thanos, please check and reopen if necessary :)