search

elementor / elementor

The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.
https://elementor.com/
GNU General Public License v3.0
6.61k stars 1.42k forks source link

🐞 🧩 Dynamic image SVG mask overwritten by Elementor's default Custom SVG mask #28323

Open globalbusinessitalia opened 3 months ago

globalbusinessitalia commented 3 months ago

Prerequisites

Description

When trying to apply a SVG dynamic mask to an image, i get rendered the css that should be masking the image twice

One is the default image, that is empty anyway

image

on this class. with higher priority

.elementor-29251 .elementor-element.elementor-element-0981de0.elementor-widget-image .elementor-widget-container img -webkit-mask-image: url( https://xxx.xxx/wp-content/plugins/elementor/assets//mask-shapes/custom.svg )

with a double slash btw

and with a lower priority .elementor-29251 .elementor-element.elementor-element-0981de0.elementor-widget-image .elementor-widget-container img -webkit-mask-image: url( https://xxx.xxx/wp-content/uploads/2024/08/design.svg )

By doing this, it's impossible to have a proper image.

I am using Jetengine to render a media in both the image and the masking svg images.

If i deativate the first rule, the second acts as it should

Steps to reproduce

  1. Create 2 dynamic images via Jetengine
  2. Add an image dinamically
  3. Add the mask dynamically
  4. Double class. The wrong one with the highest priority

Expected behavior

  1. Create 2 dynamic images via Jetengine
  2. Add an image dinamically
  3. Add the mask dynamically
  4. Double class. The wrong one with the LOWEST priority

Isolating the problem

Elementor System Info

Click to reveal ````txt == Server Environment == Operating System: Linux Software: Apache/2.4.62 (Debian) MySQL version: mariadb.org binary distribution v10.5.25 PHP Version: 7.4.33 PHP Memory Limit: 512M PHP Max Input Vars: 2500 PHP Max Post Size: 100M GD Installed: Yes ZIP Installed: Yes Write Permissions: All right Elementor Library: Connected == WordPress Environment == Version: 6.6.1 Site URL: https://wordpress-604207-4462699.cloudwaysapps.com Home URL: https://wordpress-604207-4462699.cloudwaysapps.com WP Multisite: No Max Upload Size: 80 MB Memory limit: 40M Max Memory limit: 512M Permalink Structure: /%postname%/ Language: it_IT Timezone: 1 Debug Mode: Inactive == Theme == Name: Hello Elementor Version: 3.1.0 Author: Elementor Team Child Theme: No == User == Role: administrator WP Profile lang: it-IT User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 == Active Plugins == Add Categories to Pages. Version: 1.2 Author: a.ankit Admin Columns Pro Version: 6.4.10 Author: AdminColumns.com Advanced Custom Fields Version: 6.3.4 Author: WP Engine Advanced Custom Fields PRO Version: 6.3.4 Author: WP Engine Big File Uploads Version: 2.1.2 Author: Infinite Uploads Business Reviews Bundle Version: 1.9.81 Author: RichPlugins Campaign Tracker for WordPress Version: 3.8.5 Author: HelpForWP.com Child Pages Shortcode Version: 1.9.3 Author: Takayuki Miyauchi Dynamic.ooo - Dynamic Content for Elementor Version: 3.0.10 Author: Dynamic.ooo Elementor Version: 3.23.3 Author: Elementor.com Elementor Pro Version: 3.23.2 Author: Elementor.com Envato Elements Version: 2.0.13 Author: Envato Google Tag Manager Version: 1.0.3 Author: George Stephanis GP Limit Choices Version: 1.7.13 Author: Gravity Wiz GP Limit Dates Version: 1.1.26 Author: Gravity Wiz GPLVault Update Manager Version: 5.2.0 Author: GPL Vault GP Multi-page Navigation Version: 1.2.10 Author: Gravity Wiz GP Populate Anything Version: 2.1.6 Author: Gravity Wiz Gravity Forms Version: 2.8.14 Author: Gravity Forms Gravity Forms + Custom Post Types Version: 3.1.29 Author: Gravity Wiz Gravity Forms Advanced Post Creation Add-On Version: 1.4.0 Author: Gravity Forms Gravity Perks Version: 2.3.8 Author: Gravity Wiz Imagify Version: 2.2.2 Author: Imagify – Optimize Images & Convert WebP & Avif Integration for Elementor forms - Sendinblue Version: 1.5.8 Author: Webtica iubenda | All-in-one Compliance for GDPR / CCPA Cookie Consent + more Version: 3.10.6 Author: iubenda JetElements For Elementor Version: 2.6.19 Author: Crocoblock JetEngine Version: 3.5.3 Author: Crocoblock JetPopup Version: 2.0.5 Author: Crocoblock JetSmartFilters Version: 3.5.3 Author: Crocoblock Login with Google Version: 1.3.2 Author: rtCamp MainWP Child Version: 5.1.1 Author: MainWP MalCare WordPress Security Plugin - Malware Scanner, Cleaner, Security Firewall Version: 5.65 Author: MalCare Security Object Cache Pro Version: 1.21.1 Author: Rhubarb Group Post Types Order Version: 2.2.4 Author: Nsp Code Redirection Version: 5.4.2 Author: John Godley Site Kit by Google Version: 1.132.0 Author: Google StockPack – Stock images in WordPress Version: 3.4.2 Author: Derikon Development Tag Pages Version: 1.0.2 Author: Bjorn Wijers Toolset Types Version: 3.5.2 Author: OnTheGoSystems TranslatePress - Business Version: 1.4.0 Author: Cozmoslabs, Razvan Mocanu, Madalin Ungureanu TranslatePress - Multilingual Version: 2.8.1 Author: Cozmoslabs, Razvan Mocanu, Madalin Ungureanu, Cristophor Hurduban WP All Export Pro Version: 1.8.9 Author: Soflyy WP All Import Pro Version: 4.8.8 Author: Soflyy WPCode Lite Version: 2.2.0 Author: WPCode WP Last Modified Info Version: 1.9.0 Author: Sayan Datta WP Mail SMTP Pro Version: 4.1.0 Author: WP Mail SMTP WP Rocket Version: 3.16.2.1 Author: WP Media Yoast Duplicate Post Version: 4.5 Author: Enrico Battocchi & Team Yoast Yoast SEO Version: 23.1 Author: Team Yoast Yoast SEO Premium Version: 23.1 Author: Team Yoast == Utilizzo degli elementi == archive : 3 container : 6 heading : 4 image : 1 jet-listing-grid : 3 posts : 1 shortcode : 1 text-editor : 1 container : 2 container : 3 heading : 4 image : 1 footer : 3 container : 15 heading : 10 html : 3 image : 2 nav-menu : 7 search : 1 social-icons : 1 text-editor : 1 header : 4 button : 3 container : 2 heading : 2 html : 1 icon : 2 icon-list : 1 image : 1 nav-menu : 1 off-canvas : 1 spacer : 1 page : 17 animated-headline : 4 blockquote : 12 button : 4 container : 151 divider : 11 heading : 96 icon-box : 15 image : 33 image-gallery : 3 jet-timeline : 1 loop-grid : 2 portfolio : 2 shortcode : 7 text-editor : 6 video : 6 popup : 10 container : 2 dyncontel-content : 1 heading : 1 image : 1 spacer : 1 text-editor : 2 section : 17 button : 1 divider : 2 heading : 12 image : 4 text-editor : 5 video : 1 wp-post : 2 dce-dynamicposts-v2 : 1 heading : 2 image-box : 3 text-editor : 3 wp-page : 112 container : 92 dce-dynamicposts-v2 : 1 form : 1 heading : 48 icon : 1 image : 18 image-box : 3 jet-smart-filters-checkboxes : 1 loop-carousel : 2 loop-grid : 24 shortcode : 1 spacer : 1 taxonomy-filter : 1 text-editor : 5 single-post : 3 heading : 1 image : 1 post-info : 1 share-buttons : 1 theme-post-content : 2 theme-post-title : 2 video : 1 single-page : 4 button : 3 container : 21 dce-animatedoffcanvasmenu : 1 dce-dynamicposts-v2 : 9 dce-rawphp : 5 dce-tokens : 3 dce_pdf_button : 2 divider : 7 dyncontel-content : 1 gallery : 1 heading : 14 html : 7 icon-box : 3 image : 4 jet-listing-grid : 1 loop-carousel : 1 loop-grid : 1 nested-accordion : 1 progress-tracker : 1 shortcode : 3 spacer : 3 text-editor : 15 theme-post-content : 3 theme-post-title : 3 loop-item : 13 container : 14 dce-tokens : 2 heading : 7 icon : 1 image : 4 image-gallery : 1 spacer : 1 theme-post-content : 1 theme-post-featured-image : 1 theme-post-title : 6 video : 1 landing-page : 0 animated-headline : 6 blockquote : 6 button : 2 container : 106 divider : 2 heading : 85 icon : 3 icon-box : 12 image : 19 jet-timeline : 2 loop-grid : 4 portfolio : 4 shortcode : 4 text-editor : 6 video : 6 jet-popup : 1 container : 1 jet-listing-dynamic-field : 2 jet-listing-items : 0 container : 2 image : 1 jet-listing-dynamic-link : 1 == Impostazioni == cpt_support: post, page, jet-popup allow_tracking: yes unfiltered_files_upload: 1 == Caratteristiche == Custom Fonts: 0 Custom Icons: 0 == Integrazioni == == Esperimenti Elementor == Caricamento CSS migliorato: Attiva Icone dei font in linea: Attiva Punti di interruzione aggiuntivi: Attivo per impostazione predefinita Contenitore Flexbox: Attiva Contenitore Griglia: Attiva Aggiorna la libreria Swiper: Attivo per impostazione predefinita Nested Elements Performance: Attivo per impostazione predefinita Optimized Control Loading: Attiva Optimized Markup: Inattivo per impostazione predefinita Plugin Onboarding: Attivo per impostazione predefinita Default to New Theme Builder: Attivo per impostazione predefinita Header e Footer: Attiva Elementor Home Screen: Attivo per impostazione predefinita Barra unificata degli strumenti dell'editor: Attiva Costruisci con l'AI: Inattivo Landing Page: Attivo per impostazione predefinita Elementi annidati: Attiva Lazy Load immagini di sfondo: Attiva Pannello pagine: Inattivo per impostazione predefinita Element Caching: Inattivo per impostazione predefinita Link In Bio: Inattivo per impostazione predefinita Floating Buttons: Attiva Elementor Editor Events: Inattivo per impostazione predefinita Condizioni Visualizzazione: Attiva Form Submissions: Attivo per impostazione predefinita Menu: Attiva Taxonomy Filter: Attiva Cerca: Attiva == Registro == PHP: showing 7 of 7PHP: 2024-07-09 15:54:20 [notice X 110][../wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php::150] Undefined index: condition_type [array ( 'trace' => ' #0: ../wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(150): Elementor\Core\Logger\Manager -> rest_error_handler() #1: ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> normalize_template_json_item() #2: ../wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(120): class type array_map() #3: ../wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(59): ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> normalize_templates_json() #4: ../wp-content/plugins/elementor/data/base/endpoint.php(158): ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> get_items() ', )] PHP: 2024-07-11 10:22:39 [notice X 112][../wp-content/plugins/elementor/includes/base/controls-stack.php::1487] Undefined index: _flex_size_tablet [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2024-07-18 11:03:21 [notice X 93][../wp-content/plugins/elementor/includes/conditions.php::87] Undefined index: background_color [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] PHP: 2024-07-19 11:08:11 [notice X 178][../wp-content/plugins/elementor/includes/conditions.php::87] Undefined index: background_color [array ( 'trace' => ' #0: ../wp-content/plugins/elementor/includes/conditions.php(87): Elementor\Core\Logger\Manager -> rest_error_handler() #1: ../wp-content/plugins/elementor/includes/conditions.php(83): Elementor\Conditions :: check() #2: ../wp-content/plugins/elementor/includes/base/controls-stack.php(1438): Elementor\Conditions :: check() #3: ../wp-content/plugins/elementor/includes/base/controls-stack.php(1222): Elementor\Controls_Stack -> is_control_visible() #4: ../wp-content/plugins/elementor/includes/base/controls-stack.php(1263): Elementor\Controls_Stack -> get_active_settings() ', )] PHP: 2024-07-19 11:22:03 [notice X 42][../wp-content/plugins/elementor/includes/base/controls-stack.php::1487] Undefined index: _flex_order_tablet [array ( 'trace' => ' #0: ../wp-content/plugins/elementor/includes/base/controls-stack.php(1487): Elementor\Core\Logger\Manager -> rest_error_handler() #1: ../wp-content/plugins/elementor/core/files/css/base.php(929): Elementor\Controls_Stack -> is_control_visible() #2: Elementor\Core\Files\CSS\Base -> Elementor\Core\Files\CSS\{closure}() #3: ../wp-content/plugins/elementor/core/files/css/base.php(934): class type array_reduce() #4: ../wp-content/plugins/elementor/core/files/css/base.php(941): Elementor\Core\Files\CSS\Base -> get_active_controls() ', )] PHP: 2024-07-19 11:22:03 [notice X 84][../wp-content/plugins/elementor/includes/base/controls-stack.php::1487] Undefined index: _flex_size_tablet [array ( 'trace' => ' #0: ../wp-content/plugins/elementor/includes/base/controls-stack.php(1487): Elementor\Core\Logger\Manager -> rest_error_handler() #1: ../wp-content/plugins/elementor/core/files/css/base.php(929): Elementor\Controls_Stack -> is_control_visible() #2: Elementor\Core\Files\CSS\Base -> Elementor\Core\Files\CSS\{closure}() #3: ../wp-content/plugins/elementor/core/files/css/base.php(934): class type array_reduce() #4: ../wp-content/plugins/elementor/core/files/css/base.php(941): Elementor\Core\Files\CSS\Base -> get_active_controls() ', )] PHP: 2024-07-23 05:40:34 [notice X 1][../wp-content/plugins/elementor-pro/modules/dynamic-tags/acf/tags/acf-text.php::33] Undefined offset: 1 [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] JS: showing 10 of 10JS: 2024-07-11 10:05:40 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5.e1:24:19952] View (cid: "view61688") has already been destroyed and cannot be used. JS: 2024-07-19 09:52:19 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5.e1:24:19952] View (cid: "view17698") has already been destroyed and cannot be used. JS: 2024-07-19 09:52:24 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5.e1:24:19952] View (cid: "view20482") has already been destroyed and cannot be used. JS: 2024-07-22 08:49:28 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5.e1:24:19952] View (cid: "view16872") has already been destroyed and cannot be used. JS: 2024-07-23 10:45:00 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5.e1:24:19952] View (cid: "view88278") has already been destroyed and cannot be used. JS: 2024-07-24 11:30:10 [error X 2][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.23.2:3:712932] this.model.isValidChild is not a function JS: 2024-07-31 12:12:29 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5.e1:24:19952] View (cid: "view145284") has already been destroyed and cannot be used. JS: 2024-07-31 14:07:52 [error X 1][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.23.3:3:139696] Cannot read properties of undefined (reading 'match') JS: 2024-08-02 09:32:06 [error X 3][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.23.3:3:989106] Cannot read properties of null (reading 'forEach') JS: 2024-08-02 11:09:09 [error X 1][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.23.3:3:588967] Failed to read a named property 'elementorFrontend' from 'Window': Blocked a frame with origin ".." from accessing a cross-origin frame. Log: showing 20 of 252024-07-16 11:22:33 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.22.1', 'to' => '3.23.0', )] 2024-07-16 11:27:01 [info] elementor::elementor_updater Started 2024-07-16 11:27:01 [info] Elementor/Upgrades - _on_each_version Start 2024-07-16 11:27:03 [info] Elementor/Upgrades - _on_each_version Finished 2024-07-16 11:27:03 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.22.3', 'to' => '3.23.1', )] 2024-07-24 09:36:12 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.23.1', 'to' => '3.23.2', )] 2024-07-24 09:36:12 [info] elementor::elementor_updater Started 2024-07-24 09:36:12 [info] Elementor/Upgrades - _on_each_version Start 2024-07-24 09:36:16 [info] Elementor/Upgrades - _on_each_version Finished 2024-07-24 09:36:16 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.23.1', 'to' => '3.23.2', )] 2024-07-30 08:30:36 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor', 'from' => '3.23.2', 'to' => '3.23.3', )] 2024-07-30 08:30:36 [info] elementor::elementor_updater Started 2024-07-30 08:30:36 [info] Elementor/Upgrades - _on_each_version Start 2024-07-30 08:30:37 [info] Elementor data updater process has been queued. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.23.0', 'to' => '3.23.2', )] 2024-07-30 08:30:37 [info] elementor-pro::elementor_pro_updater Started 2024-07-30 08:30:37 [info] Elementor Pro/Upgrades - _on_each_version Start 2024-07-30 08:30:37 [info] Elementor Pro/Upgrades - _on_each_version Finished 2024-07-30 08:30:38 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor Pro', 'from' => '3.23.0', 'to' => '3.23.2', )] 2024-07-30 08:30:39 [info] Elementor/Upgrades - _on_each_version Finished 2024-07-30 08:30:39 [info] Elementor data updater process has been completed. [array ( 'plugin' => 'Elementor', 'from' => '3.23.2', 'to' => '3.23.3', )] == Elementor - Compatibility Tag == Dynamic.ooo - Dynamic Content for Elementor: Compatibilità non specificata Elementor Pro: Compatibilità non specificata Integration for Elementor forms - Sendinblue: Compatibilità non specificata JetElements For Elementor: Compatibilità non specificata == Elementor Pro - Compatibility Tag == ````

Agreement

nicholaszein commented 3 months ago

Hello @globalbusinessitalia!

Thank you for submitting your issue! 🙏

We are aware of this issue and I've already forwarded it to our team. We can’t say exactly when it'll be sorted out, but we kindly ask for your patience. Thanks for understanding! 😉

Best regards