www.kuronekoyamato.co.jp - layout is messed up

[karlcow]

URL: http://www.kuronekoyamato.co.jp/smp/services/howto.html Browser / Version: Firefox 39.0 Operating System: Android Problem type: Layout is messed up

Steps to Reproduce 1) Navigate to: http://www.kuronekoyamato.co.jp/smp/services/howto.html 2) Click on the hamburger icon on the top right on the green bar

Expected Behavior: to have a menu displayed correctly. The page slides on the left and the menu has correct background.

Actual Behavior: The menu is displayed in place and the background is transparent.

It uses http://www.kuronekoyamato.co.jp/smp/shared/js/jquery.slidemenu.js The JavaScript is full of very heavy webkit CSS for example

                // 慣性表現
                // タップ開始と終了座標が異なる場合
                if (startY != endY) {
                    if (diffTime < 200 && draggedY > 0) { // scroll up
                        moveY += Math.abs((draggedY / diffTime) * 500);
                        if (!_isOldAndroid()) {
                            $(settings.menu_contents).css({
                                '-webkit-transition': '-webkit-transform .7s ease-out',
                                '-webkit-transform': 'translate3d(0px,'+ moveY +'px,0px)',
                            });
                        } else {
                            $(settings.menu_contents).css({
                                '-webkit-transform': 'translate(0px,'+ moveY +'px)',
                            });
                        }

                        smY = moveY;
                    } else if (diffTime < 200 && draggedY < 0) { // scroll down
                        moveY -= Math.abs((draggedY / diffTime) * 500);
                        if (!_isOldAndroid()) {
                            $(settings.menu_contents).css({
                                '-webkit-transition': '-webkit-transform .7s ease-out',
                                '-webkit-transform': 'translate3d(0px,'+ moveY +'px,0px)',
                            });
                        } else {
                            $(settings.menu_contents).css({
                                '-webkit-transform': 'translate(0px,'+ moveY +'px)',
                            });
                        }

                        smY = moveY;
                    }

country: jp

[karlcow]

Contacted on 2015-03-27. They replied they didn't really care. We may try again. See https://bugzilla.mozilla.org/show_bug.cgi?id=960949

[karlcow]

And public-annoucement… 📢 THIS IS FIXED! meow! 🐈