Level 11
What kind of method are you using for page layout? Flex box? CSS grid?
May 23, 2017
7
Level 2
Compatibility with IE11 or other mobile browsers.
Hi, I developed an app and deployed it. Works ok (far slower than I thought it would be) but the main problem is while accessing it with my windows phone the components wouldn't load. I managed to get it working using babel polyfill as ie doesnt support full es6 promises but now all css is messed up. Divs are on top of each other and the app is not usable. This is not happening with desktop or iOS. I don't own an android so I can't test that. Anyways seems to me something is wrong with internet explorer. Before I start trying to fix the css I want to be really sure it's not something on compatibility end. Also I believe there are no codes errors otherwise on desktop or ipad I would have noticed. Any idea?
Level 2
@Reached I'm using the bulma framework so it's flex box.
Level 11
@thepassenger maybe flexbox is not supported in your IE browser on your Windows phone then
Level 2
@Reached I googled a bit and came up with this https://roland.codes/blog/ie-flex-collapse-bug/ Changing the flex-basis to auto fixed it. I guess bulma framework is using flex-basis 0 since also the laracasts site is kinda messed up on my mobile. Thank you for your help.
Level 11
@thepassenger <-- Good to hear you managed to fix it :)
IE and flexbox can be very tricky!
Philip Walton made a good reference list of known common bugs with browsers and Flexbox:
Level 39
all Internet Explorer versions don't fully support flex. You can use a great website called: caniuse.com.
Level 2
@Jaytee Awesome site. Thank you!
Please or to participate in this conversation.