MDN-Browser-Compatibility-Report-2020

How did you work around the cancelation of touchmove events leading to scroll events?

I think actually I confused Chrome and iOS before and it's completely different, but it doesn't matter, it's inconsistent. I think on iOS right now it's not really working. If you swipe through the carousel and then you start moving your finger up and down, it's going to start scrolling, and I decided that's something we have to live with. The common behavior, most carousels actually have it I think, or most that I found. There is one way to work around it, and that's to not use transforms but to use scrolling, because then you can tell with some crazy CSS that I always forget that one thing is a horizontal scroller and one thing is a vertical scroller and then natively WebKit's going to decide that it shouldn't start vertical scroll interaction if you're already in a horizontal one. But for the aforementioned reasons it isn't too bad.

Do you have issues like this on desktop?

Mostly mobile, desktop is pretty much fine. Things I ran into are stuff with viewport units, viewport width I think is inconsistent if the scrollbar is considered part of the viewport width. I don't know... I tested it once, and there's like two values, is the viewport width, is that including the scrollbar? Also how it behaves around resizing and resize events. I tested it for Edge, Firefox, Chrome and Safari and I think it's pretty much all possible combinations in all four browsers.

JavaScript

Recent issues with JavaScript specifically?

Obviously there are differences in support, but these are really not that problematic because you know what's supported and not, and it's very easy to deal with that. If you're working on a bigger scale and have a bit more QA and work harder on supporting browsers, if you know this browser's not going to support some features, it's really easy to plan for that.

The biggest thing that I currently find problematic is the handling of requestAnimationFrame and microtasks and the event loop is

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