Galleries on iOS do not work

[walik-walik]

Prerequisites

• [x] I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
• [x] The issue still exists against the latest stable version of Elementor.

Description

Hello,

since the last Elementor update no galleries work on all pages of Elementor. On the iPhone it always comes the error "a problem repeatedly occurred" when I want to call images via Lightbox. This Bug is on all my Elementor Websites Android devices work fine.

After hours of testing I found out that if I have max 30 images in the gallery it works on the iPhone too...

Steps to reproduce

Isolating the problem

• [x] This bug happens with only Elementor plugin active (and Elementor Pro).
• [x] This bug happens with a default WordPress theme active.
• [x] I can reproduce this bug consistently using the steps above.

Environment

System Info

```

== Server Environment == Operating System: Linux Software: Apache MySQL version: Source distribution v5.7.32-35 PHP Version: 7.4.24 PHP Max Input Vars: 3000 PHP Max Post Size: 256M GD Installed: Yes ZIP Installed: Yes Write Permissions: All right Elementor Library: Connected

== WordPress Environment == Version: 5.8.1 Site URL: https://fischer.dev-root.de Home URL: https://fischer.dev-root.de WP Multisite: No Max Upload Size: 256 MB Memory limit: 768M Permalink Structure: /%postname%/ Language: de-DE Timezone: 0 Debug Mode: Inactive

== Theme == Name: Hello Elementor Child Version: 1.0.1 Author: Elementor Team Child Theme: Yes Parent Theme Name: Hello Elementor Parent Theme Version: 2.4.1 Parent Theme Author: Elementor Team

== User == Role: administrator WP Profile lang: de_DE User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.81 Safari/537.36

== Active Plugins == Advanced Custom Fields PRO Version: 5.10.2 Author: Delicious Brains

Better Search Replace
	Version: 1.3.4
	Author: Delicious Brains

Classic Editor
	Version: 1.6.2
	Author: WordPress Contributors

Custom Post Type UI
	Version: 1.10.0
	Author: WebDevStudios

Disable Comments
	Version: 2.2.2
	Author: WPDeveloper

Dynamic.ooo - Dynamic Content for Elementor
	Version: 2.0.4
	Author: Dynamic.ooo

Elementor
	Version: 3.4.6
	Author: Elementor.com

Elementor Pro
	Version: 3.4.2
	Author: Elementor.com

EWWW Image Optimizer
	Version: 6.3.0
	Author: Exactly WWW

== Elementor - Compatibility Tag ==

Dynamic.ooo - Dynamic Content for Elementor: Kompatibel
Elementor Pro: Kompatibel

== Elementor Pro - Compatibility Tag ==

Dynamic.ooo - Dynamic Content for Elementor: Kompatibel

== Elements Usage ==

footer : 1
	heading : 1
	icon-list : 2
	image : 1
header : 1
	image : 1
	nav-menu : 1
section : 3
	button : 1
	divider : 3
	heading : 3
	image : 1
	text-editor : 3
wp-page : 14
	button : 3
	dce-dynamicposts-v2 : 3
	divider : 27
	form : 1
	gallery : 4
	heading : 58
	icon-list : 3
	image : 19
	text-editor : 19
	video-playlist : 2
single-page : 2
	divider : 1
	heading : 2
	icon-list : 1
	menu-anchor : 1
	text-editor : 1
	theme-post-content : 2

== Log ==

Log: showing 5 of 52021-10-19 11:55:04 [info] elementor::elementor_updater Started 2021-10-19 11:55:04 [info] Elementor/Upgrades - _on_each_version Start
2021-10-19 11:55:05 [info] Elementor/Upgrades - _on_each_version Finished 2021-10-19 11:55:05 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.4.5', 'to' => '3.4.6', )] 2021-10-19 11:55:05 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.4.5', 'to' => '3.4.6', )]

</details>

[walik-walik]

I found out that it works on the older iOS devices but not on the new ones!

[vls-dev]

I am also looking for this to be fixed.

[goingbeyondlimits]

The topic is still relevant. I have my difficulties with it too. It works on the iPad but not on the iPhone. How did you deal with it? Did you finally implement it with another plugin or did you find a solution that I haven't figured out yet?

The 30 images still work for me too - but not more. It doesn't make me happy to see that this issue is already 8 months old and Elementor hasn't solved it yet.

[csbalint13]

Still not working on iPhone with more than 30 images. I have Elementor 3.6.7 and Elementor Pro 3.7.2. Any idea? :)

[hax1]

same problem here. gallery with lots of images lightbox not working on ios devices.

[nicholaszein]

Hello all!

Thank you for submitting your issue, and most importantly for your patience! 🙏

I've now labeled this issue correctly so it can be tracked by the correct team.

Can you all please provide some more information?

• In which version of iOS does this happen?
• In which browsers?
• Does it happen without any Elementor add-on installed?
• Does it happen without any image optimization plugin or CDN enabled like Imagify or EWWW?

Best regards

[hax1]

all newer ios versions (9+ iirc) all browsers (safari, chrome). happens without any addon and without image optimization and is apparently related to javascript/the browser engine used by ios. tried an empty website with just elementor - above 30 images - lightbox not working anymore.

[nicholaszein]

@hax1, thanks for answering! 🙏

Please understand that while we do try to make our best to support legacy browsers, we can't guarantee that browsers that were released more than 4 years ago will have compatibility with the features we are using, especially mobile browsers, which have shown the most changes in the past few years. iOS 9 was released on September 16, 2015. That was 7 years ago! Since then, a lot has changed. Can you confirm this happens with modern browsers? The browser engine from iOS 9 is most certainly not capable of handling too many requests.

We will see if we can reproduce this issue and if it is something that can be dealt with, but I can't promise we can find a solution for browser engines that simply are not supported anymore.

[walik-walik]

The problem exists with the latest iOS version 16 when more than 30 images are uploaded, it has nothing to do with the old browser...

To reproduce the problem you just have to set up a page and upload more than 30 images then try to open the lightbox... after a few clicks you get a browser error message that there were either too many redirects or that the page is not working properly...

To put it bluntly, this is an outrage as far as support is concerned ... In the meantime I pay 500€ a year for the plugin and they only react after a year to a huge problem. Web designers and developers are made to look like total idiots, as if they only focus on the old iOS and Safari versions. This BUG exists in every Safari browser, no matter if new or old, but this has been communicated several times by now!

[gpw1990]

I am having the same problem detailed by walik-walik. And having these galleries working is central to the effectiveness of the website I manage. I cannot understate that.

And to support walik-walik's point above, I have 6 galleries on the site, and only the 2 with more than 30 images don't work. The other 4 work fine. So I can't see how it could be anything other than gallery size

[hax1]

@nicholaszein you asked which versions are affected, and I answered ALL! newer versions since! IOS9 are affected - so I guess you misunderstood that the problem affects legacy browsers in IOS9, when I meant that all versions since 9 are affected.

[nicholaszein]

@walik-walik, while I do understand your frustration, I never intended to offend anyone. It was an honest question to make sure we are covering all the cases. If you felt offended I apologize.

Thanks for clarifying that @hax1!

The team is already aware of this issue, and this will be investigated further.

[Web02Altitude]

Hello, I just met that bug. It may be a more complex one than expected because I test showin a large gallery on iOS12 and it failed but on iOS15 it passed. Also several image related elementor plugins fail displaying on pages where this bug occurs but I didn't test all of them though, just enough to reveal a possible cascading effect.

[Blumenme]

Hi

Sorry I can't speak English I translate with google

I have the same problem and have been on Elementor support since April 2022.

I've already tried everything on my site, like all plugins deactivated, and unfortunately the galleries with more than about 50 photos don't work. iOS 16 Elementor Pro 3.8.1 https://urbiair.com/rega-2022-january/

I just made a test page with Elementor and Elementor Pro without other plugins, the weird thing is that it works. https://test.urbiair.com/

Hope someone can help us

[hax1]

@Blumenme on your page it sometimes works for me normally for a couple of pictures, then it doesn't anymore. on the test page it seems to work.

https://www.deinshooting.at/fotos/ here same problem as you, doesn't even work with all plugins but elementor & pro disabled.

[studioslash]

@nicholaszein Hey! I've been living with this problem ever since I got the pro version of the plugin. this is disappointing. the plugin starts to fail when there are 20-30 photos in the gallery. i see it on iphone x , xs max , 11, 12, 13. Ios15, ios16. those are all the devices i have at home. today I'm tired and I want the problem to be solved, can you tell me what should I do or what code should I add to the site to stop this? it must be related to the iPhone's memory or a stack overflow. I found several topics on the Internet with this trouble.

[arditmorina]

I have same issue with Safari on iOS, but it works great in chrome(iOS)

[Blumenme]

Sorry translate with google because I don't speak English.

I don't understand why it works on my test site [https://test.urbiair.com] only with Elementor and Elementor pro without any other plugins On my other side I switched off all plugins and it doesn't work, I don't understand that.

I have an iphone x

[studioslash]

I tested and tried to understand for a long time. Here's what I managed: 1) I think this problem is with the lightbox function, which is built into the Elementor itself. It's made completely unoptimized for the iPhone. it has to do with the number of photos you use. The more photos, the worse. if I set any other gallery widgets that use the built-in lightbox they repeat this error. but if I set a 3rd party gallery widget to an elementor that uses another lightbox, it works just fine. I added 40,60,80,100 photos, everything is fine.

The second reason I'm pretty sure it's the lightbox script, note that the error doesn't occur until you click on the photo by calling the lightbox function. you can upload at least 200 photos to a page and they will work great until you start

I think the lightbox is configured incorrectly, and takes into its array everything that is on the page or something like that. (that function when opening one photo, you can scroll further through the entire gallery)

@Blumenme I tested your site that you created without plugins. The error occurs less, but it is. if you open the photo enough times, the page will break. but it won't happen that often.

in any case, I'm appalled at the indifference of the support. I will never pay for this again. this problem has been going on for a few years, but the developer doesn't care. I downloaded the free royal elementor templates kit from the WordPress repository and the gallery works well there. I will buy a widget from these guys in the future.

[djferee]

Same problem with Elementor Pro (with hello elementor template)

The image does not load when clicked on a mobile phone. It works on a computer, but not on a mobile.

I think: There are many images in one filter. The problem occurs if one filters with more than 30 images:

• "Így kapod kézbe" (101 images)
• "Hangulatképek" (107 pictures) The number of images in the other filters is below 20 images.

You can also see a video about the problem in the drive link sent previously (https://drive.google.com/drive/folders/15c0GV1tL_qg_l8E86NKAnXunXPhVSMls?usp=share_link) I uploaded the system info file and a few more screenshots.

URL: https://time2selfie.hu/galeria/

The error can also be found on another page: For example: https://latvanyosnyitotanc.hu/kepgaleria/ (here, too, there is a problem with filters that contain more than 30 images)

I spoke with elementor support. This is the answer:

"After researching the problem in our internal system, I would like to share with you that we are aware of this issue and what we have noticed is that if a large number of media files are used on pages, then this happens. You can try reducing the gallery image below 20 on the page to see if the issue replicates.Here are some general suggestions for this issue:

https://www.iphonetricks.org/safari-15-a-problem-repeatedly-occurred-error/ https://appletoolbox.com/fix-safari-a-problem-repeatedly-occurred/ https://macpaw.com/how-to/webpage-reloaded-because-error-occured

Here are the dedicated reports on the Elementor GitHub repository and SwiperJS repository, which is the Elementor Gallery backend script for the Gallery widget: https://github.com/elementor/elementor/issues/16637 https://github.com/nolimits4web/swiper/issues/3264

As well as the report on the Apple discussion forum: https://discussions.apple.com/thread/252705424

This issue was previously reported to our developers, who said it is due to a browser/device performance issue, as mentioned in the Swiper GitHub post. A possible solution suggested is using lazyload. I will append your ticket to our internal report for further review. At the moment, I can't share any ETA on when this will be fixed, as the issue is related to a browser that we don't have any control over."

[loucasl]

I'm experiencing the same issue, so annoying 😓

[djferee]

it's been 2 months but still no change. Updates are coming, but it still doesn't work unfortunately. I have described everything step by step. The case is easily reproduced. I don't understand why they don't fix it.

[masterviur]

Hi guys, I have a temporal solution, for now I created a various ACF Gallery with 20 pictures each one and put him one below the other, in the front works like a gallery with 100 pictures but is 5 galleries with 20 pictures each one

I'm using ACF Gallery, Elementor Pro and Dinamyc Content for Elementor.

https://user-images.githubusercontent.com/51469547/219471169-bd697a60-db2a-45c8-b355-add703ebfc2f.mp4

Working fine with 60 pictures, but I tested it with 100 and more.

[qwik3r]

Another thing that I noticed is that if you have more than 20 images (I had 28) and you click the lightbox on mobile safari the page refreshes. This DOES NOT appear to happen with less images. If anyone finds a suitable interim solution for an alternative gallery please let us know!

[qwik3r]

Hi guys, I have a temporal solution, for now I created a various ACF Gallery with 20 pictures each one and put him one below the other, in the front works like a gallery with 100 pictures but is 5 galleries with 20 pictures each one

I'm using ACF Gallery, Elementor Pro and Dinamyc Content for Elementor.

Working fine with 60 pictures, but I tested it with 100 and more.

So are the galleries connected so when you click on one image it will cycle through ALL of the galleries you created on the page?

[deepwaterpixel]

This problem is still happening on 3.12 and latest iOS Chrome and Safari. What is the actual solution? I just completed a paid optimization and have this problem on multiple large galleries still. It was the main issue I was trying to resolve. I suspected the problem was large image sizes, but after reducing the image size of the gallery by ~95%, the problem persists. Then I found this thread and realized I might not be able to optimize this away. I need a solution!

[loucasl]

Are there any updates on this issue?

[deepwaterpixel]

I had to use Simple Lightbox to handle the image count that I needed to. It requires a tap to switch between images, instead of swipe, but is otherwise serviceable as a replacement until this is resolved.

https://wordpress.org/plugins/simple-lightbox/

[loucasl]

I had to use Simple Lightbox to handle the image count that I needed to. It requires a tap to switch between images, instead of swipe, but is otherwise serviceable as a replacement until this is resolved.

https://wordpress.org/plugins/simple-lightbox/

How does this play with the Elementor gallery? Is it as simple as activating the plugin and it overrides Elementor's Lightbox and fixes the issue?

[deepwaterpixel]

Yes, there were several pages with 60+ images, so recreating the galleries wasn't really an option. I tried a few things before I arrived at this plugin because I didn't have the time to replace all those galleries. I installed the plugin and it replaces the Elementor lightbox.