elementor / elementor/elementor
Grid layout Auto Flow option doesn't work
- 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
The Grid has an Auto Flow setting that should change the distribution of elements either in Rows or Columns. Now nothing happens regardless of choice.
Elementor 3.20.3
Elementor Pro 3.20.2
### Steps to reproduce
1. Insert a Grid widget. As a parent or as a nested one, it doesn’t matter;
2. Place a few random widgets in it;
3. Try selecting Row or Column from the drop-down in the Auto Flow setting.
### Expected behavior
The columns should behave as described in the manual https://elementor.com/help/grid-container-layout-options/
Row
First row - 1, 2, 3
Second row - 4, 5, 6
Column
First column - 1, 2
Second column - 3, 4
Third column - 5, 6
### 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/2.4.55 (Unix)
MySQL version: (LTD BeGet) v5.7.21-20
PHP Version: 8.2.15
PHP Memory Limit: 268435456
PHP Max Input Vars: 10000
PHP Max Post Size: 1047527424
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected
== WordPress Environment ==
Version: 6.4.3
Site URL: http://test.digitalalex.ru
Home URL: http://test.digitalalex.ru
WP Multisite: No
Max Upload Size: 999 MB
Memory limit: 40M
Max Memory limit: 256M
Permalink Structure: /%postname%/
Language: en_US
Timezone: Europe/Moscow
Debug Mode: Inactive
== Theme ==
Name: Hello Elementor
Version: 3.0.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_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 YaBrowser/24.1.0.0 Safari/537.36
== Active Plugins ==
Elementor
Version: 3.20.3
Author: Elementor.com
Elementor Pro
Version: 3.20.2
Author: Elementor.com
== Elements Usage ==
archive : 4
container : 1
loop-grid : 1
theme-archive-title : 1
container : 6
container : 29
dyncontel-acf : 3
dyncontel-acfslider : 1
form : 1
heading : 3
html : 1
image : 2
theme-post-content : 1
footer : 1
container : 3
heading : 2
nav-menu : 3
social-icons : 1
theme-site-logo : 1
header : 1
container : 2
heading : 1
nav-menu : 1
social-icons : 1
theme-site-logo : 1
woocommerce-menu-cart : 1
wp-widget-woocommerce_product_search : 1
page : 2
button : 9
container : 60
heading : 46
hotspot : 6
icon : 6
icon-box : 35
image : 16
image-box : 6
spacer : 6
text-editor : 10
popup : 1
button : 1
container : 4
form : 2
heading : 2
icon : 1
image : 1
spacer : 1
text-editor : 1
product : 0
container : 4
dce-rawphp : 1
heading : 1
shortcode : 1
woocommerce-product-add-to-cart : 1
woocommerce-product-content : 1
woocommerce-product-data-tabs : 1
woocommerce-product-images : 1
woocommerce-product-price : 1
woocommerce-product-short-description : 1
woocommerce-product-title : 1
section : 1
heading : 1
image : 1
text-editor : 1
wp-post : 0
button : 1
container : 7
form : 1
loop-grid : 1
wp-page : 10
button : 23
container : 105
counter : 1
divider : 1
google_maps : 1
heading : 122
hotspot : 6
icon : 7
icon-box : 51
icon-list : 4
image : 70
image-box : 13
rating : 8
shortcode : 2
spacer : 7
star-rating : 2
text-editor : 23
video : 1
woocommerce-cart : 1
single-post : 4
button : 8
container : 51
dce-acf-repeater-v2 : 1
dce-rawphp : 1
form : 1
heading : 53
icon : 1
icon-box : 16
image : 9
rating : 8
theme-post-content : 2
theme-post-title : 2
single-page : 1
container : 1
theme-post-content : 1
theme-post-title : 1
search-results : 3
container : 1
form : 1
product-archive : 0
container : 1
heading : 1
loop-grid : 1
loop-item : 5
button : 1
container : 7
post-info : 1
theme-post-excerpt : 1
theme-post-featured-image : 5
theme-post-title : 4
woocommerce-product-add-to-cart : 1
woocommerce-product-title : 1
== Settings ==
cpt_support: post, page, product
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 ==
== Elementor Experiments ==
Improved Asset Loading: Active by default
Improved CSS Loading: Inactive by default
Inline Font Icons: Active
Additional Custom Breakpoints: Active by default
admin_menu_rearrangement: Inactive by default
Flexbox Container: Active
Upgrade Swiper Library: Active by default
Grid Container: Active
Default to New Theme Builder: Active by default
Hello Theme Header & Footer: Inactive by default
Editor Top Bar: Active
Optimized Gutenberg Loading: Active by default
Build with AI: Active by default
Landing Pages: Active by default
Nested Elements: Active
Lazy Load Background Images: Active
Optimize Image Loading: Active by default
Pages Panel: Inactive by default
Notes: Active by default
Display Conditions: Active
Form Submissions: Active by default
Menu: Active
Taxonomy Filter: Active
== Log ==
PHP: showing 3 of 3PHP: 2024-03-02 10:42:43 [warning X 3][../wp-content/plugins/elementor-pro/modules/posts/skins/skin-content-base.php::271] Attempt to read property "ID" on null [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2024-03-07 23:22:34 [notice X 2][../wp-content/plugins/elementor-pro/modules/woocommerce/module.php::626] parse_str(): Passing null to parameter #1 ($string) of type string is deprecated [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2024-03-26 17:08:51 [notice X 2][../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()
',
)]
Log: showing 20 of 362024-03-18 10:31:52 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.20.0',
'to' => '3.20.1',
)]
2024-03-26 12:11:01 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.20.1',
'to' => '3.20.2',
)]
2024-03-26 12:11:02 [info] elementor::elementor_updater Started
2024-03-26 12:11:02 [info] Elementor/Upgrades - _on_each_version Start
2024-03-26 12:11:03 [info] Elementor/Upgrades - _on_each_version Finished
2024-03-26 12:11:03 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.20.1',
'to' => '3.20.2',
)]
2024-03-26 12:35:41 [info] elementor-pro::elementor_pro_updater Started
2024-03-26 12:35:41 [info] Elementor Pro/Upgrades - _on_each_version Start
2024-03-26 12:35:41 [info] Elementor Pro/Upgrades - _on_each_version Finished
2024-03-26 12:35:41 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.20.0',
'to' => '3.20.1',
)]
2024-03-26 12:35:42 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.20.0',
'to' => '3.20.1',
)]
2024-03-26 17:04:09 [info] elementor::elementor_updater Started
2024-03-26 17:04:09 [info] Elementor/Upgrades - _on_each_version Start
2024-03-26 17:04:09 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor',
'from' => '3.20.2',
'to' => '3.20.3',
)]
2024-03-26 17:04:10 [info] Elementor/Upgrades - _on_each_version Finished
2024-03-26 17:04:10 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor',
'from' => '3.20.2',
'to' => '3.20.3',
)]
2024-03-26 17:05:47 [info] elementor-pro::elementor_pro_updater Started
2024-03-26 17:05:47 [info] Elementor Pro/Upgrades - _on_each_version Start
2024-03-26 17:05:47 [info] Elementor Pro/Upgrades - _on_each_version Finished
2024-03-26 17:05:47 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.20.1',
'to' => '3.20.2',
)]
JS: showing 3 of 3JS: 2024-03-19 13:07:42 [error X 7][../wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.20.1:3:816069] Cannot read properties of undefined (reading 'localized')
JS: 2024-03-26 12:21:39 [error X 4][../wp-content/plugins/elementor/assets/js/container.c65a2a923085e1120e75.bundle.min.js:2:6858] rows is not defined
JS: 2024-03-26 14:09:38 [error X 1][../wp-content/plugins/elementor/assets/js/ai.min.js?ver=3.20.3:3:7564] ReactUtils is not defined
== Elementor - Compatibility Tag ==
Elementor Pro: Compatible
== 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.