URL: http://mw.nikkei.com/sp/#!/uid/my
Browser / Version: Firefox Mobile 36.0
Operating System: Android
Problem type: Layout is messed up
Steps to Reproduce
- Navigate to: http://mw.nikkei.com/sp/#!/uid/my
- Log in as a paying user
The menu rendering is a little strange. The menu doesn't expand to the window width, as a result some of the menu entries are wrapped and the whole menu "widget" becomes too tall. Why? It's styled with somewhat old flexbox code. The CSS includes instructions for Firefox (-moz-box) but not the standard syntax (display:flex etc). Apparently, -moz-box is a slightly older implementation that does not quite match the most recent spec, and does not do exactly what they want.
Adding some standards-compatible CSS properties will fix the menu. See http://hallvord.com/temp/moz/cssfixme.htm for a tool that can help with this.
URL: http://mw.nikkei.com/sp/#!/uid/my
Browser / Version: Firefox Mobile 36.0
Operating System: Android
Problem type: Layout is messed up
Steps to Reproduce
The menu rendering is a little strange. The menu doesn't expand to the window width, as a result some of the menu entries are wrapped and the whole menu "widget" becomes too tall. Why? It's styled with somewhat old flexbox code. The CSS includes instructions for Firefox (-moz-box) but not the standard syntax (display:flex etc). Apparently, -moz-box is a slightly older implementation that does not quite match the most recent spec, and does not do exactly what they want.
Adding some standards-compatible CSS properties will fix the menu. See http://hallvord.com/temp/moz/cssfixme.htm for a tool that can help with this.