elementor / elementor/elementor

⌛ Infinite Scroll is not working as expected in the Carousel on tablets

Open
#28,298 4 comments 0 reactions 0 assignees View on GitHub
component/swiper mod/b* mod/e* product/pro type/performance widget/nested/pro/carousel widget/settings
Dominant language
PHP
Stars
7.1k
Forks
1.6k
Avg merge
1d 5h
Merged PRs (30d)
193

Description

### Prerequisites

- [X] I have searched for similar issues in open and closed tickets and cannot find a duplicate.
- [X] I have troubleshooted my issue, and it still exists against the latest stable version of Elementor.

### Description

In the carousel widget, we have a total of 5 items with infinite scroll enabled and autoplay was also enabled. With Ipad when we try to navigate manually with one item to slide at a time, after the 5th item we need to click the navigation arrow twice to see the infinite scrolling.

So we could see a blank space affecting the user experience a lot.

### Steps to reproduce

1. You create a "Carousel Widget" within the elementor and add 5 items under slides
2. In settings enable things as mentioned
![Screenshot 2024-08-06 at 1 25 26 PM](https://github.com/user-attachments/assets/d9cc87fe-3e22-4f88-9b21-5a7b4d809fae)
3. Navigation with arrow and NO pagination

-------------
## Attached screenshot for your reference

![elementor-carousel-widget-issue](https://github.com/user-attachments/assets/1efba0c9-c88a-4d2b-9670-1941a5b3f1bb)

### Expected behavior

1. Without the blank space infinite scroll should be working smoothly
2. There shouldn't any performance degrade and user experience

### Isolating the problem

- [x] This bug happens when only the Elementor (and Elementor Pro) plugins are active.
- [X] This bug happens with the Hello Elementor theme active.
- [X] I can reproduce this bug consistently by following the steps I described above.

### Elementor System Info

Click to reveal

````txt

== Server Environment ==
Operating System: Linux
Software: Apache
MySQL version: Source distribution v8.0.36-28
PHP Version: 7.4.33
PHP Memory Limit: 768M
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: 6.6.1
Site URL: https://wpdev.dummy.io
Home URL: https://wpdev.dummy.io
WP Multisite: No
Max Upload Size: 256 MB
Memory limit: 40M
Max Memory limit: 768M
Permalink Structure: /%category%/%postname%/
Language: en_US
Timezone: 0
Debug Mode: Inactive

== Theme ==
Name: Hello Elementor
Version: 3.1.1
Author: Elementor Team
Child Theme: No

== User ==
Role: administrator
WP Profile lang: en-US
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:128.0) Gecko/20100101 Firefox/128.0

== Active Plugins ==
Advanced Custom Fields
Version: 6.3.5
Author: WP Engine

Elementor
Version: 3.23.3
Author: Elementor.com

Elementor Pro
Version: 3.23.2
Author: Elementor.com

Headers Security Advanced & HSTS WP
Version: 5.0.36
Author: 🐙 Andrea Ferro

Security Optimizer
Version: 1.5.2
Author: SiteGround

Speed Optimizer
Version: 7.6.3
Author: SiteGround

Yoast Duplicate Post
Version: 4.5
Author: Enrico Battocchi & Team Yoast

== Features ==
Custom Fonts: 0
Custom Icons: 0

== Integrations ==

== Elementor Experiments ==
Improved CSS Loading: Active by default
Inline Font Icons: Active by default
Additional Custom Breakpoints: Active by default
Flexbox Container: Active
Grid Container: Active by default
Upgrade Swiper Library: Active by default
Nested Elements Performance: Active by default
Optimized Control Loading: Active by default
Optimized Markup: Inactive by default
Plugin Onboarding: Active by default
Default to New Theme Builder: Active by default
Header & Footer: Active by default
Elementor Home Screen: Active by default
Editor Top Bar: Active
Build with AI: Active by default
Landing Pages: Inactive by default
Nested Elements: Active
Lazy Load Background Images: Active by default
Pages Panel: Inactive by default
Element Caching: Active
Link In Bio: Inactive by default
Floating Buttons: Inactive by default
Elementor Editor Events: Inactive by default
Display Conditions: Active by default
Form Submissions: Active by default
Menu: Active
Taxonomy Filter: Active by default
Search: Inactive by default

== Log ==

JS: showing 9 of 9JS: 2024-06-27 11:07:49 [error X 17][../wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.22.3:2:30711] elementor.settings.page is undefined
JS: 2024-06-28 10:33:37 [error X 19][../wp-content/plugins/elementor/assets/lib/pickr/pickr.min.js?ver=1.5.0:2:17898] this.getColorRepresentation() is null
JS: 2024-07-01 06:25:33 [error X 26][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.22.3:3:825593] this.store.find(...) is undefined
JS: 2024-07-01 07:00:59 [error X 2][../wp-content/plugins/elementor/assets/js/0e842fae60df2bcb2a30.bundle.min.js:2:7768] t.target.closest(...) is null
JS: 2024-07-09 12:38:44 [error X 6][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.22.3:3:415409] elementor.config.document.panel is undefined
JS: 2024-07-11 14:13:06 [error X 1][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.22.3:3:825108] T.originalEvent.key is undefined
JS: 2024-07-11 14:25:13 [error X 1][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.22.3:3:706805] this.model.isValidChild is not a function
JS: 2024-07-12 08:11:26 [error X 1][../wp-content/plugins/elementor/assets/js/admin.min.js?ver=3.22.3:3:51861] c[0] is undefined
JS: 2024-08-05 07:13:19 [error X 2][../wp-content/plugins/elementor/assets/lib/inline-editor/js/inline-editor.min.js?ver=3.23.3:1:12656] O is null

PHP: showing 4 of 4PHP: 2024-06-28 08:00:37 [notice X 4][../wp-content/plugins/elementor/modules/history/revisions-manager.php::363] Undefined index: editor_post_id [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2024-07-12 06:30:45 [notice X 1][../wp-content/plugins/elementor-pro/modules/dynamic-tags/acf/tags/acf-image.php::40] Undefined offset: 1 [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2024-07-16 11:03:39 [notice X 2][../wp-content/plugins/elementor/includes/template-library/sources/local.php::779] ob_end_clean(): failed to delete buffer. No buffer to delete [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2024-07-29 10:48:08 [notice X 1][../wp-content/plugins/elementor/includes/template-library/sources/local.php::859] ob_end_flush(): failed to delete and flush buffer. No buffer to delete or flush [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]

Log: showing 20 of 292024-07-15 09:39:40 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.22.1',
'to' => '3.23.0',
)]
2024-07-16 09:31:44 [info] elementor::elementor_updater Started
2024-07-16 09:31:44 [info] Elementor/Upgrades - _on_each_version Start
2024-07-16 09:31:44 [info] Elementor/Upgrades - _on_each_version Finished
2024-07-16 09:31:44 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.23.0',
'to' => '3.23.1',
)]
2024-07-16 09:31:44 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.23.0',
'to' => '3.23.1',
)]
2024-07-26 11:09:06 [info] elementor-pro::elementor_pro_updater Started
2024-07-26 11:09:06 [info] Elementor Pro/Upgrades - _on_each_version Start
2024-07-26 11:09:06 [info] Elementor Pro/Upgrades - _on_each_version Finished
2024-07-26 11:09:06 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.23.0',
'to' => '3.23.1',
)]
2024-07-26 11:09:06 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.23.0',
'to' => '3.23.1',
)]
2024-07-26 11:09:06 [info] elementor::elementor_updater Started
2024-07-26 11:09:06 [info] Elementor/Upgrades - _on_each_version Start
2024-07-26 11:09:06 [info] Elementor/Upgrades - _on_each_version Finished
2024-07-26 11:09:06 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.23.1',
'to' => '3.23.3',
)]
2024-07-26 11:09:06 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.23.1',
'to' => '3.23.3',
)]
2024-07-31 07:32:47 [info] elementor-pro::elementor_pro_updater Started
2024-07-31 07:32:47 [info] Elementor Pro/Upgrades - _on_each_version Start
2024-07-31 07:32:47 [info] Elementor Pro/Upgrades - _on_each_version Finished
2024-07-31 07:32:47 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.23.1',
'to' => '3.23.2',
)]

== Elementor - Compatibility Tag ==

Elementor Pro: Incompatible

== Elementor Pro - Compatibility Tag ==

````

### Agreement

- [X] I agree that my issue may be closed without action if it doesn't meet all the requirements.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.