🔗 🐞 Bug Report: Elementor Pro <=3.16.1: Loop carousel mouse swipe threshold too high (Duplicate of #23840)

mateitudor commented 1 year ago

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

You have prematurely closed my previous bug report without a chance to respond... this, combined with the canned responses, lack of attention to detail, and just a massive backlog of bugs — this is a major problem and I am very worried for the future of Elementor. I know you are buried in bug reports & also want to do silly things like AI and hosting, but at least allow people to respond, at the very least. It's just upsetting and I am joining a growing number of people that are hesitant in recommending Elementor for their clients. Not that you care.

This was the bug report (and it 300% is a bug): advancing through a (loop) carousel quite difficult / impossible when flicking with mouse. I know that the default threshold for Swiper is 5, maybe in Elementor it's set to something different?

You just gave me a canned response that I shouldn't use the Beta version on a production website — which it is not. It's right there in the URL, the first word: staging. I am trying things out.

I took the time to give you this report for free. The very least you could've done is took a look at the link, since you request system info.

I am hoping you can find an ounce of professionalism somewhere deep inside and actually follow this link and test it out for yourself: https://staging.mateitudor.com/washlinks/#testimonials

Just flick through that slider with your mouse and you will see that it's a bug...

You don't have a good track record as a product, and on top of that you are destroying your brand even further with toxic behavior. Please stop.

Steps to reproduce

1) Be human 2) Have empathy 3) Follow the link

Isolating the problem

[ ] This bug happens with only Elementor plugin active (and Elementor Pro).
[ ] This bug happens with a Blank WordPress theme active (Hello theme).
[X] I can reproduce this bug consistently following the steps above.

System Info

Click to reveal

````txt == Server Environment == Operating System: Linux Software: LiteSpeed MySQL version: MySQL Community Server - GPL v8.0.34 PHP Version: 8.1.22 PHP Memory Limit: 1G PHP Max Input Vars: 15000 PHP Max Post Size: 1G GD Installed: Yes ZIP Installed: Yes Write Permissions: All right Elementor Library: Connected == WordPress Environment == Version: 6.3.1 Site URL: https://staging.mateitudor.com/washlinks Home URL: https://staging.mateitudor.com/washlinks WP Multisite: No Max Upload Size: 1 GB Memory limit: 40M Max Memory limit: 1G Permalink Structure: /%postname%/ Language: en-US Timezone: America/Toronto Debug Mode: Inactive == Theme == Name: Washlinks Version: 0.0.7 Author: Matei Tudor Child Theme: Yes Parent Theme Name: Hello Elementor Parent Theme Version: 2.8.1 Parent Theme Author: Elementor Team == User == Role: administrator WP Profile lang: en_US User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Safari/605.1.15 == Active Plugins == All-in-One WP Migration Version: 7.78 Author: ServMask All-in-One WP Migration Unlimited Extension Version: 2.53 Author: ServMask Custom Post Type Permalinks Version: 3.5.2 Author: Toro_Unit Elementor Version: 3.16.0-dev4 Author: Elementor.com Elementor Beta (Developer Edition) Version: 1.1.1 Author: Elementor.com Elementor Pro Version: 3.16.1 Author: Elementor.com GP Multi-page Navigation Version: 1.2.3 Author: Gravity Wiz GP Page Transitions Version: 1.0.22 Author: Gravity Wiz GP Populate Anything Version: 2.0.14 Author: Gravity Wiz Gravity Forms Version: 2.7.13 Author: Gravity Forms Gravity Forms Auto Formatter Version: 2.7.1 Author: Plugin Owl Gravity Perks Version: 2.3.4 Author: Gravity Wiz JetEngine Version: 3.2.5 Author: Crocoblock JetEngine - Custom visibility conditions Version: 1.1.2 Author: Crocoblock Jetpack Version: 12.5 Author: Automattic Nested Pages Version: 3.2.4 Author: Kyle Phillips Rank Math SEO Version: 1.0.201.1 Author: Rank Math Rank Math SEO PRO Version: 3.0.44 Author: Rank Math Reveal Post Data Version: 0.1.0 Author: Ross Morsali == Must-Use Plugins == ManageWP - Worker Loader Version: 1.0.0 Author: GoDaddy == Features == Custom Fonts: 0 Custom Icons: 0 == Integrations == == Elementor Experiments == Optimized DOM Output: Active Improved Asset Loading: Active Improved CSS Loading: Active Inline Font Icons: Active Additional Custom Breakpoints: Inactive admin_menu_rearrangement: Inactive by default Flexbox Container: Active Upgrade Swiper Library: Inactive Grid Container: Active Default to New Theme Builder: Inactive Hello Theme Header & Footer: Inactive Editor Top Bar: Active Landing Pages: Inactive Nested Elements: Active Lazy Load Background Images: Inactive Pages Panel: Inactive by default Global Style Guide: Inactive Page Transitions: Inactive Notes: Inactive Form Submissions: Inactive Scroll Snap: Active Menu: Active Taxonomy Filter: Active == Log == PHP: showing 20 of 31PHP: 2023-09-11 07:36:53 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-touchless_car_wash_equipment-mono_light.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 07:36:53 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-tunnel_equipment-color.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 07:36:53 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-tunnel_equipment-duotone.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 07:36:53 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-tunnel_equipment-mono_dark.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 07:36:54 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-tunnel_equipment-mono_light.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 10:19:09 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-chemical_dispensing_equipment-color.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 10:19:10 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-chemical_dispensing_equipment-duotone.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 10:19:10 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-chemical_dispensing_equipment-mono_dark.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 10:19:10 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-chemical_dispensing_equipment-mono_light.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 10:19:10 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-chemical_pump_stations-color.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 10:19:10 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-chemical_pump_stations-duotone.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 10:19:10 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-chemical_pump_stations-mono_dark.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 10:19:10 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-chemical_pump_stations-mono_light.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 10:19:10 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-water_treatment_equipment-color.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 10:19:10 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-water_treatment_equipment-duotone.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 10:19:11 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-water_treatment_equipment-mono_dark.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 10:19:11 [warning X 1][../wp-content/plugins/elementor/core/files/file-types/svg.php::234] simplexml_load_file(): I/O warning : failed to load external entity "https://washlinks.local/wp-content/uploads/2023/05/washlinks-icon-water_treatment_equipment-mono_light.svg" [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-11 11:30:46 [notice X 30][../wp-content/plugins/elementor/includes/base/controls-stack.php::228] hexdec(): Passing null to parameter #1 ($hex_string) of type string is deprecated [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-12 09:54:32 [notice X 5][../wp-content/plugins/elementor-pro/modules/custom-css/module.php::76] trim(): Passing null to parameter #1 ($string) of type string is deprecated [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2023-09-19 04:10:30 [warning X 1][../wp-content/plugins/elementor/modules/history/revisions-manager.php::363] Trying to access array offset on value of type null [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] Log: showing 10 of 102023-09-13 15:52:51 [info] elementor-pro::elementor_pro_updater Started 2023-09-13 15:52:51 [info] Elementor Pro/Upgrades - _on_each_version Start 2023-09-13 15:52:51 [info] Elementor Pro/Upgrades - _on_each_version Finished 2023-09-13 15:52:51 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.16.0-beta4', 'to' => '3.16.0', )] 2023-09-13 15:52:51 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.16.0-beta4', 'to' => '3.16.0', )] 2023-09-18 22:48:13 [info] elementor-pro::elementor_pro_updater Started 2023-09-18 22:48:13 [info] Elementor Pro/Upgrades - _on_each_version Start 2023-09-18 22:48:13 [info] Elementor Pro/Upgrades - _on_each_version Finished 2023-09-18 22:48:13 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.16.0', 'to' => '3.16.1', )] 2023-09-18 22:48:13 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.16.0', 'to' => '3.16.1', )] JS: showing 1 of 1JS: 2023-09-19 07:32:02 [error X 1][https://staging.mateitudor.com/washlinks/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.16.0-dev4:3:617230] undefined is not an object (evaluating 'this.container.isEditable') == Elementor - Compatibility Tag == Elementor Pro: Compatible == Elementor Pro - Compatibility Tag == ````

karmaral commented 12 months ago

I ran into the same issue, turns out Elementor's Swiper instance has shortSwipes disabled by default, which is enabled in default Swiper. You can monkeypatch it by accessing the .swiper property on the container element and enable it (in params), but it's a bit messy.

nicholaszein commented 12 months ago

Hello @mateitudor.

Thank you for your feedback! 🙏

I apologize, I think I misunderstood your report. I am still trying to understand what is the issue you are reporting. From my testing, I have no difficulty whatsoever in dragging or "flicking" the Loop Carousel slides with the mouse.

Please check my video below. As you can see I have absolutely no difficulty swiping the carousel on your site. However, in the Swiper.js website Demo, the behavior is quite difficult and erratic in some cases. Perhaps you are expecting a different behavior?

https://github.com/elementor/elementor/assets/113993460/02574ec1-2c24-41df-9ab1-136ea38ca90e

Can you please show a video what is the expected behavior for this functionality so I can better understand what is your issue?

Or at least explain what you are expecting to happen. Just saying it is a problem doesn't indicate what the problem is.

As for my canned responses. Yes, I use them. This helps organize things and is necessary to ensure that this repository is not used for other purposes aside from reporting bugs. I don't know who you are, your skills, and your experience. So I do my best to cover all cases and situations to help users understand how to use this channel properly. You should not take it personally, because I am not challenging your skills.

In my response to you not only was I very polite, but I also showed you a video and gave you possible solutions to your issue. As you know by now, The Dev Edition is not meant to be used on production websites. And you seem to be using it on a staging environment that might be pushed to production. So I have to warn you about it.

If you felt in any way offended by my methodology, I apologize, this was never my intention. However, you don't need to be rude or accuse me of being inhuman and unempathetic. This comment was offensive and completely unnecessary. You might be frustrated with Elementor, and I totally understand and respect your opinion. But offensive comments will not be tolerated. This is a place to report bugs, not to complain about the Elementor company or any of its employees. So please, let's keep things respectful and focus on the issue.

Thanks

mateitudor commented 11 months ago

This is what happens in Safari 17.1 (19616.2.6) on macOS Sonoma 14.1 Beta (23B5046f) Flicking slowly and from the far sides = success; Flicking any other way = sadness: https://www.loom.com/share/ee2abd0845fc42f38cd02504a814ac4b?sid=c570915b-19f5-4ee9-a1fe-8e402ee671f0

In Chrome 117.0.5938.132 Same behaviour https://www.loom.com/share/eca52f8fed3e41da92740b8daa111a3c?sid=57b3f24e-37a3-4608-87f3-b1ac01b3ce8d

In Firefox Same behaviour https://www.loom.com/share/1cff576a8a6b440d8c77927c1c66cb4b?sid=91232186-10d7-4191-97c4-978db1ee36c3

SolunaCG commented 8 months ago

This is exactly what I´ve been experiencing on many sites I created. I didn´t find this issue when I created mine. Sorry for that and for creating a duplicate! The one I´m talking about is #24556 . I´ll close it because it looks like it pretty much describes the same problem that has been mentioned here, just not with the "Loop carousel" but with the standard "Carousel" (the nested one). Means, the problem is probably not just with the "Loop carousel" but with the nested Carousel, too. Maybe someone else can confirm that?!

Flicking slowly and from the far sides = success; Flicking any other way = sadness:

--> This is what describes it best imo! Exactly the problem that I have on all of our sites!

edit: I just read that the title says "<=3.16.1". For me even with the latest version of Elementor and Elementor Pro the issue is still there.

SolunaCG commented 8 months ago

@nicholaszein Just as a small addition:

I checked the version on my website again and then created a slider with swiperjs myself with 2 slides. Although Elementor uses swiperjs the behaviour is a lot different and imo the way the Elementor carousel (with swiper.js in the background) behaves is not natural at all (--> attached video), just like the other members here mentioned, too.

As a comparison I´ll attach 2 videos again. One video is from a website where I used the Elementor carousel widget (which doesn´t work very well) and the other video shows the self-coded version of swiperjs with 2 slides active. As you can see only a minimal "mouse drag" is necessary to move the slider which feels so much better imo.

https://github.com/elementor/elementor/assets/114682524/aff26043-db43-4bcf-8bf7-ab7cd5be5ac4

https://github.com/elementor/elementor/assets/114682524/638fe049-2ff3-4019-ab7d-1cb454beedbc

Edit:

I noticed that (at least for me) the problem with the swipe threshold only exists in the "Carousel" widget and NOT in the "Loop Carousel" widget. --> https://www.i-like-penguins.de/slider-test/

Actually I wish that the "Carousel" widget would behave just like the "Loop Carousel" widget does.

SolunaCG commented 7 months ago

@nicholaszein Sry for tagging you but I just wanted to ask if this will be fixed for both the "Loop carousel" widget AND the "Carousel" widget. As for me, I cannot see any problems with the "Loop carousel" (but apparently others do) but with the "Carousel" widget, as shown in my post above.

I´d just like to know if I should open a new Bug Report specifically for the "Carousel" widget or if both widgets will be fixed/worked on for this Bug Report.

onjoa commented 5 months ago

I am very surprised that this is still not fixed. Several people told me about this behavior and I assumed that it would be fixed in new versions. I have tried custom code but I can't fix the stuck and unfriendly slider effect.

https://github.com/elementor/elementor/assets/98493010/1a2c01ca-ea63-4e61-9eaf-909448066551

elementor / elementor