MDN-Browser-Compatibility-Report-2020

Yes. The goal is always that you lock scrolling completely. There's a good library for that, it's not even large, it's a small JavaScript dependency. But it annoys me that you need these workarounds for doing simple stuff like that. And while keeping support for desktop browsers, at the same time.

(The library was later confirmed to be body-scroll-lock.)

Safari

For Safari, you mentioned scrolling. Anything else?

In our CMS we have input fields using CodeMirror. We are still waiting for version 6, I really hope it comes out this year. Because with iOS 13 there have been a lot of changes, under the hood, probably. Because cursor placement, copying and pasting inside of CodeMirror no longer works reliably. Text selection is broken. I don't know if it's a CSS issue on our side, but my guess is it's mostly related to something in iOS that's changed. Also annoying, let me give you an example for another project. We were using a pretty popular JavaScript carousel called Glide.js. With iOS 13 they changed something and now scrolling works like garbage on iOS, especially on older devices such as an iPhone SE or older iPads. All the animations are broken and it doesn't feel natural if you're swiping through this gallery. Now I've used this in 5 or 6 projects, and something that used to work fine is now broken.

You mentioned scrolling, you mean going from one card to the next? Can you talk more about what broke?

Suddenly the animation didn't... if I start swiping on the other surface, then the current slide just starts to follow my finger, but not in a natural way like you would expect from native iOS component. A lot of sliders don't replicate the iOS behavior. This time, you just slide, and once you reach a point where it should move on to the next slide, it just flashes and the next slide is there. There's no smooth transition. It's probably mostly a memory issue or performance issue. But it's just annoying to see that something used to work and doesn't work any longer.

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