✅ 🐞 Bug Report: ColorPicker not working correctly in Page Settings

VadymPogorelov 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

The TwentyTwentyOne and Elementor theme is active. No other plugins installed. When I go to Page Settings https://prnt.sc/8KnnzvFS1wad and click on the ColorPicker button in the tab Style https://prnt.sc/9H3qRehoHN4S - nothing happens. When pressed again, it opens and allows you to select a color. But then it is no longer possible to reset it - an error message appears https://prnt.sc/ZOEHebh_34s- and tooltips stay on the screen

Steps to reproduce

1) On a clean WordPress installation, activate the TwentyTwentyOne theme and Elementor. 2) Create or open any page in Elementor 3) Press the Settings button 4) Use any color selection field, for example, on the Style tab - select Background type - Classic and try to change the color. And then clean it up

Isolating the problem

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

System Info

````txt == Server Environment == Operating System: WINNT Software: Apache MySQL version: mariadb.org binary distribution v10.8.4 PHP Version: 7.4.30 PHP Memory Limit: 1536M PHP Max Input Vars: 4000 PHP Max Post Size: 50M GD Installed: Yes ZIP Installed: Yes Write Permissions: All right Elementor Library: Connected == WordPress Environment == Version: 6.2.2 Site URL: http://test/tmp Home URL: http://test/tmp WP Multisite: No Max Upload Size: 50 MB Memory limit: 40M Max Memory limit: 1536M Permalink Structure: /%postname%/ Language: en-US Timezone: 0 Admin Email: [REDACTED] Debug Mode: Active == Theme == Name: Twenty Twenty-One Version: 1.8 Author: the WordPress team Child Theme: No == User == Role: administrator WP Profile lang: en_US User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/114.0 == Active Plugins == Elementor Version: 3.14.0 Author: Elementor.com == Elementor Experiments == Optimized DOM Output: Active by default Improved Asset Loading: Active by default Improved CSS Loading: Active by default Inline Font Icons: Inactive by default Accessibility Improvements: Active by default Additional Custom Breakpoints: Active by default admin_menu_rearrangement: Inactive by default Flexbox Container: Inactive by default Upgrade Swiper Library: Inactive by default Grid Container: Inactive by default Editor Top Bar: Inactive by default Landing Pages: Active by default Nested Elements: Inactive by default Nested Accordion: Inactive by default Lazy Load Background Images: Inactive by default Global Style Guide: Inactive by default == Log == Log: showing 20 of 392023-03-14 08:30:34 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.11.2', 'to' => '3.11.5', )] 2023-03-14 08:30:34 [info] elementor::elementor_updater Started 2023-03-14 08:30:34 [info] Elementor/Upgrades - _on_each_version Start 2023-03-14 08:30:34 [info] Elementor/Upgrades - _on_each_version Finished 2023-03-14 08:30:34 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.11.2', 'to' => '3.11.5', )] 2023-03-14 08:30:37 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.11.2', 'to' => '3.11.5', )] 2023-04-20 12:09:25 [info] elementor::elementor_updater Started 2023-04-20 12:09:25 [info] Elementor/Upgrades - _on_each_version Start 2023-04-20 12:09:25 [info] Elementor/Upgrades - _on_each_version Finished 2023-04-20 12:09:25 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.11.5', 'to' => '3.12.1', )] 2023-04-24 11:04:21 [info] elementor::elementor_updater Started 2023-04-24 11:04:21 [info] Elementor/Upgrades - _on_each_version Start 2023-04-24 11:04:21 [info] Elementor/Upgrades - _on_each_version Finished 2023-04-24 11:04:21 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.12.1', 'to' => '3.12.2', )] 2023-04-24 11:04:21 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.12.1', 'to' => '3.12.2', )] 2023-06-22 15:21:32 [info] elementor::elementor_updater Started 2023-06-22 15:21:32 [info] Elementor/Upgrades - _on_each_version Start 2023-06-22 15:21:32 [info] Elementor/Upgrades - _on_each_version Finished 2023-06-22 15:21:32 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.12.2', 'to' => '3.14.0', )] 2023-06-22 15:21:32 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.12.2', 'to' => '3.14.0', )] JS: showing 3 of 3JS: 2023-04-06 08:28:03 [error X 1][http://test/tmp/wp-content/uploads/essential-addons-elementor/eael.js?ver=1671090721:10:334347] a.replace is not a function JS: 2023-04-24 12:22:02 [error X 1][http://test/tmp/wp-content/plugins/elementor/assets/js/editor.js?ver=3.12.2:38992:29] event.originalEvent.key is undefined JS: 2023-06-22 15:22:11 [error X 2][http://test/tmp/wp-content/plugins/elementor/assets/lib/pickr/pickr.min.js?ver=1.5.0:2:19533] this._eventListener is null == Elementor - Compatibility Tag == ````

nicholaszein commented 1 year ago

Hello @VadymPogorelov!

Thank you for submitting your issue! 🙏

🏷️ We've labeled this issue and our team will take a look at it. If there is indeed a problem, they'll work on fixing it. We can't say exactly when it'll be sorted out, but we kindly ask for your patience. Thanks for understanding!

Best regards

choijun commented 1 year ago

Hi @nicholaszein

Any news on this bug ? it's been 3 weeks and hope Elementor Team will consider this.

nicholaszein commented 1 year ago

Hello there!

We have great news! 🙌

📢 We're happy to announce that the issue you raised was resolved in Elementor Core v.3.15.0! 🥳

✅ Feel free to check it out and update your plugin to the new version!

Check the changelog for more information: Changelog of Elementor and Elementor Pro

Cheers 🥂

elementor / elementor