responsive grid problem with ice dragon browser (a clone of firefox)

[pknadella]

It seems to be a problem generating page on Ice Dragon browser (a clone of firefox), but was working as intended with firefox. i attached the screenshots from ice dragon browser on win8.1 with 1366*768 resolution.
Img1
Im2

[rhukster]

We've tested extensively with Firefox and it works fine in that browser, here's the same area running on Windows 8.1:

https://dl.dropbox.com/s/u3uyaladu9u98w4/IE11_-_Win8.1_-_Parallels_Desktop_2014-08-22_15-00-22.jpg

There's only so much we can do especially with all these browsers built on webkit, gecko etc. The screenshots you posted focus on areas of the site that use flexbox, but that should be supported in Firefox 22+, are you running the latest version of Ice Dragon?

http://css-tricks.com/snippets/css/a-guide-to-flexbox/

I think overall your browser is pretty obscure, I find very little mention of it on the internet, and even most browser testing tools do not have it as an option.

[rhukster]

We've added a flex-wrap fallback for those browsers that are too old to support it. Can you try getgrav.org again? Thanks!

[pknadella]

I too checked on firefox, its working perfect. But the problem still persists in ice dragon, i am having the latest version of the browser. It says its built on firefox 26.

is Grav using some modified version of purecss? it seems to be a responsive grid problem, right? but purecss grids are working fine in this browser....anyway you are right, the browser is so obscure. I guess it can be ignored......I just wanted to help, so just posted what I have observed.

[mahagr]

You may still help us by trying to figure what's going on. I think the issue might be that we're using flex on top of the pure CSS, which isn't supported by older browsers. Maybe Ice Dragon has a bug in its implementation?

[rhukster]

We've added support for this case where flex: no-wrap is not supported. Also this exposed a bug in minify library we are using, which we've also tracked down and fixed. Tricky!