MDN-Browser-Compatibility-Report-2020

the new CSS env() function that allows you to access browser-defined environment variables that affect [inaudible]. So that's probably going to be a big improvement on that already. But also generally more transparency from the browser about what the browser is doing with my web page, so that my web page can respond to that.

Magic wand question

Oh dear, that's a really hard one. I like that it's different implementations, I don't want it to be just one browser engine, I wouldn't want that. But I think due to the history of the web coming to mobile, a lot of focus on supporting desktop-native websites, there hasn't been so much work on the rendering part related to mobile. There's been a lot of work on making APls available, and the whole PWA thing, but if you want to have the web experience of just opening a damned website and it works, and you don't even need to install a app or have the icon on your homescreen, but still want to make the best of the viewport that you have. It would be nice to have better support for touch and all the different native inputs, and also how they act on the browser. Also on desktop when it comes to stuff like trackpads and these things, I think it's also really hard to do gestures on trackpads in the lab.

Participant 13

Flexbox

Recent layout issue where browsers behave differently, in responsive layout or even outside of that?

Most of the problems I've had have been with Flexbox. Especially when you apply Flexbox in a layout you have to be aware of the different syntax for different browsers, and that's really painful. If you forget something you can have issues in some browsers. I've had a lot of problems with vertical Flexbox and Safari, for example. Even having a specific syntax it doesn't behave the same way, I think, in vertical Flexbox. Where you apply Flexbox to columns and not rows and want to center whatever content vertically, I've had a lot of issues with that. Specifically things like flex auto, flex 100%, I've been having to apply that specifically for Explorer and Edge. I think there's a lot of different behaviors between browsers regarding Flexbox.

Made with FlippingBook - professional solution for displaying marketing and sales documents online