touch.navitime.co.jp - layout is broken by old flexbox code

[karlcow]

URL: http://touch.navitime.co.jp/
Browser / Version: Firefox 39.0
Operating System: Android
Problem type: Layout is messed up

Steps to Reproduce

1. Navigate to: http://touch.navitime.co.jp/
2. …

Expected Behavior:
Get the mobile Web site correctly displayed

Actual Behavior:
The site is a mess. Switching from old antiquated WebKit CSS syntax for flexbox to modern flexbox will solve the issues.

Some exampls of CSS

#main-menu-up-side-frame{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:box;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -ms-box-pack:center;
    box-pack:center;
    margin-bottom:1px
}

#main-menu-down-side-frame{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:box;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -ms-box-pack:center;
    box-pack:center
}

country: jp

[karlcow]

Seealso: #944

[kudodo]

Mozilla Japan has contact, will contact them too.
Also discuss #944.

[chikoski]

I have sent a e-mail to contact people to introduce the developer.

[chikoski]

The developers denied to fix this issue because Firefox is not in their support browsers list.

@karlcow
We can push to fix the issue filed at https://webcompat.com/issues/944 when we put touch.navitime.co.jp into our white list.

Would you please consider about this opption?

[karlcow]

@chikoski Let's keep the bug open until they fix it, in the future.

We will probably have to fix on our side (client side) in the mean time.
https://bugzilla.mozilla.org/show_bug.cgi?id=1107378

Just a note: that adding modern flexbox syntax will make them compatible as of now with all browsers and in the future, their site might break when old flexbox is deprecated.
http://caniuse.com/#feat=flexbox

[karlcow]

Added to https://bugzilla.mozilla.org/show_bug.cgi?id=1162245

[karlcow]

Redirection has been fixed. The layout is still broken without the unprefixing service.

[karlcow]

fixed by layout.css.prefixes.webkit;true