iOS 17.3.1 - elements still blinking on mobile

Hello! I have written two other forum posts about this issue since the beginning of November last year:


I just updated to iOS 17.3.1 on my iPhone 15 Pro. The blinking is still there.

@ruenel @charlie Do you have any updates/news about this issue? Is it planned to be fixed in an upcoming sprint, or however you work?

Hey @markusp80,

I will forward this to our developers.

Thanks.

Hello!

Any news? It’s been over three months since I wrote about this issue the first time, a thread that was finished with a reply from you saying:
“we’re going to try something in Pro 6.4.1 and you hopefully shouldn’t have that position flickering when it reaches the end of the animation”

It is now version 6.4.3 of Pro and the issue is still there on iOS 17.3.1.

Can you at least give me some kind of notification if this will be fixed or not? I have been waiting patiently. If this is too small of an issue, and you won’t fix it, please just be honest and let me know so I can remove the animations. Right now they are doing more harm than good for the user experience of my website.

Best regards, Markus

Hey Markus,

Our developers are still investigating the issue.

Please bear with us.

I haven’t really been able to recreate your issue in iOS 17 even when grabbing a template from your site. Let’s try a few things.

  • Do you have a really simple page with this issue? Send me that page if you can. It will at least let us cross some things that maybe the homepage is doing.
  • In that thread I noticed some custom css. Try removing the custom CSS and see if the fixes with positioning I did help fix the issue.

In the meantime I would probably just try the guides outlined here to remove animations on just mobile since it seems to be isolated to that.

Let me know if you have any other ideas on what might be happening or any questions. Have a great weekend.

Hi! I created a new page from scratch here: https://shootit.se/blinking-elements-test/

On that page, the blinking does not appear on mobile (iPhone 15 Pro, iOS 17), so I don’t really know what is causing it. The section with three testimonials is copied from the page where I created it.

Could you please tell me exactly where this custom CSS you’re referring to is located? I am not really sure on where/how to remove it, or what it does. The blinking issue is present on all my pages.

I read about the code to deactivate the animations on mobile only. Where do I paste that code? Thanks.

Okay, well narrowing it down to something on the homepage is a good start. Maybe something with the header, or something that happens when there is a lot on the page. Can you send me credentials so I can export that homepage to my site?

So to add that CSS, at the very bottom of Cornerstone there is going to be a code editor icon. Clicking that and then navigating to the “Global CSS” tab in the window you’ll be able to add custom CSS to your entire site. That mobile code in that thread would go here. Let me know if you have any questions.

Well, not only on the homepage. It’s on every page that’s live on my website right now, where I have used animations. But, not ALL animated objects/images/headlines, which is weird.

Here is a screencapture from an iPhone 15 Pro with iOS 17.3.1 and Safari: https://www.shootit.se/download/shootit.se-blinking-elements.mp4

As you can see, the blinking only occurs when there’s an animation, and it always blinks when the animation is done. But not on ALL elements that are animated.

I have deactivated two-factor authentification now, and will send you my login credentials in a hidden note. Let me know when you have exported the homepage so I can activate 2FA again and try adding the CSS code.

Okay I’ve grabbed what I’ve needed. You can turn back on 2FA. I’ll keep you updated on what I find. Have a great day.