elementor / elementor/elementor
⌛ Infinite Scroll is not working as expected in the Carousel on tablets
- 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

3. Navigation with arrow and NO pagination
-------------
## Attached screenshot for your reference

### 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
Assessment
This issue has not been assessed yet.