elementor
elementor copied to clipboard
elementor
🐞 Multi-step Form loses styles inside Popups when Improved CSS Loading is active
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
I have a multi step form inside a pop-up and the style sheet is not being rendered resulting to broken layout.
Upon inspection, the browser console reports this error: Refused to apply style from '' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
Disabling "Improved CSS Loading" resolves the issue as a workaround.
Steps to reproduce
- Create a Pop-up
- Create a 3 step multi-step form inside the pop-up
- Create a new page and add a button
- Assign the multi-step form pop-up to the button
- Enable "Improved CSS Loading" in Elementor features
- Styles breaks
Isolating the problem
- [ ] 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
Click to reveal
== Server Environment ==
Operating System: Linux
Software: Apache
MySQL version: Source distribution v5.7.39-42
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.4.1
Site URL: https://eastbound.digital
Home URL: https://eastbound.digital
WP Multisite: No
Max Upload Size: 256 MB
Memory limit: 256M
Max Memory limit: 768M
Permalink Structure: /%category%/%postname%/
Language: en-AU
Timezone: Australia/Brisbane
Debug Mode: Inactive
== Theme ==
Name: Hello Elementor
Version: 2.9.0
Author: Elementor Team
Child Theme: No
== User ==
Role: administrator
WP Profile lang: en_AU
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
== Active Plugins ==
Elementor
Version: 3.18.0
Author: Elementor.com
Elementor Pro
Version: 3.17.1
Author: Elementor.com
JetEngine
Version: 3.3.1
Author: Crocoblock
ManageWP - Worker
Version: 4.9.17
Author: GoDaddy
Security Optimizer
Version: 1.4.8
Author: SiteGround
Smash Balloon Instagram Feed
Version: 6.2.6
Author: Smash Balloon
Speed Optimizer
Version: 7.4.4
Author: SiteGround
UpdraftPlus - Backup/Restore
Version: 2.23.14.1
Author: UpdraftPlus.Com, DavidAnderson
Widgets for Google Reviews
Version: 11.1
Author: Trustindex.io <[email protected]>
Yoast SEO
Version: 21.6
Author: Team Yoast
== Must-Use Plugins ==
ManageWP - Worker Loader
Version: 1.0.0
Author: GoDaddy
== Elements Usage ==
container : 8
button : 6
container : 31
counter : 2
divider : 3
heading : 10
hotspot : 1
icon : 2
icon-box : 13
image : 9
image-box : 2
spacer : 5
star-rating : 2
text-editor : 14
footer : 1
button : 1
container : 7
divider : 3
heading : 3
icon-list : 3
image : 2
nav-menu : 2
social-icons : 1
text-editor : 2
theme-site-logo : 1
header : 2
button : 2
container : 3
icon : 1
nav-menu : 2
theme-site-logo : 2
page : 11
accordion : 3
button : 51
container : 266
divider : 40
form : 4
heading : 130
icon : 60
icon-box : 81
icon-list : 9
image : 30
loop-carousel : 15
nested-tabs : 2
spacer : 72
text-editor : 133
video : 1
popup : 16
button : 2
container : 25
divider : 9
form : 12
heading : 12
icon : 12
icon-box : 1
icon-list : 1
image : 3
nav-menu : 1
social-icons : 1
text-editor : 14
widget : 0
button : 1
icon : 1
image : 1
loop-carousel : 1
shortcode : 1
social-icons : 1
spacer : 5
wp-post : 1
container : 1
form : 1
heading : 1
text-editor : 1
wp-page : 34
accordion : 6
button : 137
container : 675
countdown : 2
counter : 4
divider : 85
form : 11
gallery : 1
heading : 289
hotspot : 1
html : 3
icon : 111
icon-box : 162
icon-list : 38
image : 82
image-carousel : 3
loop-carousel : 30
loop-grid : 3
media-carousel : 1
menu-anchor : 3
nested-accordion : 4
nested-tabs : 3
posts : 1
rating : 3
shortcode : 8
spacer : 217
star-rating : 1
template : 2
text-editor : 329
video : 5
single-post : 2
container : 7
divider : 1
heading : 3
loop-grid : 1
post-info : 2
post-navigation : 2
share-buttons : 2
theme-post-content : 2
theme-post-title : 2
single-page : 1
container : 3
divider : 1
heading : 1
spacer : 2
theme-post-content : 1
loop-item : 8
button : 1
container : 9
heading : 1
image : 3
jet-listing-dynamic-image : 1
jet-listing-dynamic-link : 1
post-info : 1
rating : 1
text-editor : 3
theme-post-content : 1
theme-post-featured-image : 3
theme-post-title : 4
error-404 : 1
button : 1
container : 2
heading : 1
spacer : 2
text-editor : 1
== Settings ==
cpt_support: post, page, e-landing-page
disable_color_schemes: yes
disable_typography_schemes: yes
allow_tracking: yes
unfiltered_files_upload: 1
font_display: swap
load_fa4_shim: yes
== Features ==
Custom Fonts: 1
Custom Icons: 0
== Integrations ==
recaptcha_v3: Active
== Elementor Experiments ==
Optimised DOM Output: Active by default
Improved Asset Loading: Active by default
Improved CSS Loading: Inactive
Inline Font Icons: Inactive by default
Additional Custom Breakpoints: Active by default
admin_menu_rearrangement: Inactive by default
Flexbox Container: Active
Upgrade Swiper Library: Active
Grid Container: Inactive by default
Default to New Theme Builder: Inactive
Hello Theme Header & Footer: Inactive
Editor Top Bar: Inactive by default
Optimized Gutenberg Loading: Active
Build with AI: Inactive by default
Landing Pages: Active by default
Nested Elements: Active
Lazy Load Background Images: Inactive by default
Optimize Image Loading: Active
Global Style Guide: Active by default
Page Transitions: Inactive
Notes: Inactive
Form Submissions: Active by default
Scroll Snap: Inactive
Menu: Inactive
Taxonomy Filter: Inactive by default
== Log ==
PHP: showing 6 of 6PHP: 2023-10-23 16:26:09 [notice X 164][../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: 2023-11-08 19:23:25 [notice X 98][../wp-content/plugins/elementor/includes/base/controls-stack.php::1427] Undefined index: _flex_size_tablet_extra [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-11-27 15:57:48 [notice X 11][../wp-content/plugins/elementor-pro/modules/assets-manager/asset-types/fonts-manager.php::252] Undefined index: editor_post_id [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-11-28 18:43:46 [notice X 1][../wp-content/plugins/elementor/includes/elements/container.php::1847] Undefined index: size [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-12-01 14:29:08 [notice X 1][../wp-content/plugins/elementor/includes/base/controls-stack.php::1427] Undefined index: image_height_tablet_extra [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-12-05 10:06:12 [notice X 247][../wp-content/plugins/elementor-pro/modules/theme-builder/widgets/site-logo.php::192] Undefined index: options [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
Log: showing 20 of 302023-10-31 17:58:58 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.16.6',
'to' => '3.17.1',
)]
2023-11-06 14:11:48 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.17.1',
'to' => '3.17.2',
)]
2023-11-06 14:11:48 [info] elementor::elementor_updater Started
2023-11-06 14:11:48 [info] Elementor/Upgrades - _on_each_version Start
2023-11-06 14:11:49 [info] Elementor/Upgrades - _on_each_version Finished
2023-11-06 14:11:49 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.17.1',
'to' => '3.17.2',
)]
2023-11-06 14:13:15 [info] elementor-pro::elementor_pro_updater Started
2023-11-06 14:13:15 [info] Elementor Pro/Upgrades - _on_each_version Start
2023-11-06 14:13:15 [info] Elementor Pro/Upgrades - _on_each_version Finished
2023-11-06 14:13:15 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.17.0',
'to' => '3.17.1',
)]
2023-11-06 14:13:15 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.17.0',
'to' => '3.17.1',
)]
2023-11-09 09:47:25 [info] elementor::elementor_updater Started
2023-11-09 09:47:25 [info] Elementor/Upgrades - _on_each_version Start
2023-11-09 09:47:26 [info] Elementor/Upgrades - _on_each_version Finished
2023-11-09 09:47:26 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.17.2',
'to' => '3.17.3',
)]
2023-12-05 10:05:45 [info] elementor::elementor_updater Started
2023-12-05 10:05:45 [info] Elementor/Upgrades - _on_each_version Start
2023-12-05 10:05:46 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.17.3',
'to' => '3.18.0',
)]
2023-12-05 10:05:47 [info] Elementor/Upgrades - _on_each_version Finished
2023-12-05 10:05:47 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.17.3',
'to' => '3.18.0',
)]
JS: showing 6 of 6JS: 2023-11-27 05:59:32 [error X 6][../wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:28760] Cannot read properties of undefined (reading 'value')
JS: 2023-11-28 04:18:11 [error X 7][../wp-content/plugins/elementor/assets/js/common-modules.min.js?ver=3.17.3:2:55595] Model.isValidChild() should be implemented, please provide 'isValidChild' functionality.
JS: 2023-11-30 06:25:18 [error X 36][../wp-content/plugins/elementor/assets/js/editor-modules.min.js?ver=3.17.3:3:7470] Cannot read properties of null (reading 'editor')
JS: 2023-11-30 12:15:21 [error X 1][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.17.3:3:54034] Cannot read properties of undefined (reading 'activate')
JS: 2023-12-01 01:07:25 [error X 2][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.17.3:3:689408] this.model.isValidChild is not a function
JS: 2023-12-01 06:00:22 [error X 1][../wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5.e1:24:19952] View (cid: "view13605") has already been destroyed and cannot be used.
== Elementor - Compatibility Tag ==
Elementor Pro: Compatibility not specified
== Elementor Pro - Compatibility Tag ==
+1 Not sure why their new CSS parsing is like this... even with it off same issue.
