β π₯ Elementor v3.16 Beta Release π₯ #23486
Replies: 47 comments 105 replies
-
Although there are no special new features in this version, it is a good update. Because many annoying bugs have been fixed and two small but important new features have been added and most importantly, performance improvements have been considered in this version. I found only 3 simple bugs while reviewing this version. 1- In container width control, placeholder is displayed in desktop and mobile mode, but not in tablet. 2- In the situation we see in the video below, the Grid Outline is not displayed well. Grid.outline.mp43- In the nested tabs widget, it is very difficult to access the structure panel close button if you click the + button. Because it is placed under the handle of the container. |
Beta Was this translation helpful? Give feedback.
-
Hi, thanks for next update. |
Beta Was this translation helpful? Give feedback.
-
1- If we turn off the Grid Outline, the Empty View will appear again in the Grid container. 2- As @Michaelgimii pointed out, the Grid Outline does not display well. 3- In the tabs widget, even if we don't select an icon for the tab, the icon span is still rendered in the front end. On the other hand, if we remove the text and only use the icon for the tab, the text span will still be rendered in the front end. |
Beta Was this translation helpful? Give feedback.
-
I can see the grid experiment is going to be in beta status. From my understanding this means no more expected major breaking changes are expected. Does this mean we will not get child grid item span control or is this a later / next year addition? |
Beta Was this translation helpful? Give feedback.
-
Could your team consider removing the placeholder min-height once the first item is placed in the grid on the same row? As seen in the video below the min-height is bigger than button size so you have to fill the row to get rid of placeholder space. Ideally once the first item is added to the grid the placeholder space should flex and stretch to be the same height 2023-08-21.09-26-08.mp4 |
Beta Was this translation helpful? Give feedback.
-
Grid outline ignores the default top and bottom padding of the container. now : What it should be |
Beta Was this translation helpful? Give feedback.
-
Hello, after this beta I am more and more disappointed with Elementor. 1-. Flexbox Container will already be active by default but will it still be RC? Here doubts: Because you should never use RC in any production site. Will they add Flex Basis now? still missing. 2-. Why CSS Grid is in beta if it still lacks important features to really be CSS Grid. My Doubt is? If they are going to leave it like now that it is not of much use, they could comment on something or why this change. Thank you. |
Beta Was this translation helpful? Give feedback.
-
Team Elementor, since you have fixed important bugs in this version, can you not solve the problem of displaying the horizontal scroll bar in the editor in this version? This is really a very simple but extremely annoying problem. Please watch the video below. This bug occurs for widgets that are on the right side of the container. scrollbar.mp4 |
Beta Was this translation helpful? Give feedback.
This comment was marked as off-topic.
This comment was marked as off-topic.
-
I would suggest adding a way to enable both Containers and Rows / Columns together. A hybrid approach is often necessary for the long transitory phase. |
Beta Was this translation helpful? Give feedback.
-
Just noticed this issue with grid containers, the unit selector displays an incorrect unit for padding e.g. you select EM but it presents as PX, but in the preview and frontend it uses the right CSS of EM. It sort of corrects itself when you click on another element that isn't a grid container and go back to the grid container then the right one will show, very odd, I can only replicate it at the moment with the grid container. 2023-08-23.09-07-02.mp4 |
Beta Was this translation helpful? Give feedback.
-
Another issue with grid is the preview. With 'Grid Outline' set to 'Show' when you hide the sidebar to preview the page it adds extra space to the bottom due to the outline div added to the bottom. It seems when editing the page that div for the outline has 'position: absolute;' but on preview this type of CSS is removed so it is in the fold so whatever gap value is added becomes present. 2023-08-23.09-19-54.mp4 |
Beta Was this translation helpful? Give feedback.
-
Problem with grid layout presets. When you use a grid layout preset like two columns, when you go to change the columns or rows to a custom unit (from 'fr' unit) you can't the first try, then when you go back and forth again you can then add your own input. Video below might be more clearer. But if you drag in the grid container widget you can change to custom unit input right away. 2023-08-23.09-55-41.mp4 |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Hi all, We just released Elementor v3.16 Beta 2. The versions include the following: Free version
Pro version
β Thank you! |
Beta Was this translation helpful? Give feedback.
This comment was marked as off-topic.
This comment was marked as off-topic.
-
There is a problem with grid alignment when using boxed content width. The Had to use this CSS to correct:
Video if this visually explains it better: 2023-09-05.15-54-29.mp4 |
Beta Was this translation helpful? Give feedback.
This comment was marked as off-topic.
This comment was marked as off-topic.
-
Hi all, We just released Elementor v3.16 Beta 4. The versions include the following: Free version
Pro version
β Thank you! |
Beta Was this translation helpful? Give feedback.
-
^^That one had been around for ages! Really hope it won't come back again with another update... |
Beta Was this translation helpful? Give feedback.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
-
Agree, I need to only show some categories in the filter.
β¦On Mon, 11 Sept 2023, 14:53 creativeart, ***@***.***> wrote:
Have a huge issue with the taxonomy filter because of a missing absolute
basic functionality: I just can choose 'categories' or 'tags' - but I *can't
filter* them further.
So I have *all* categories in my taxonomy filter list in the frontend. *I
absolutely have to include/exclude categories* to use that wonderful
feature sensibly! JetFilters also offers the option to only show child
categories which would also be great (and only 1 switch button), but
configuring the categories is absolutely essential.
Will thia also come with 3.16?
Totally agree with you. It also would be great if we could use the Filters
widget on archive page ^^ It's a must i think.
β
Reply to this email directly, view it on GitHub
<#23486 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AJEDBD3ARI6T7OSF2K6PRFDXZ4JUVANCNFSM6AAAAAA3XKB3ZE>
.
You are receiving this because you are subscribed to this thread.Message
ID: ***@***.***
com>
|
Beta Was this translation helpful? Give feedback.
-
Hi team, Will the release date be extended? |
Beta Was this translation helpful? Give feedback.
-
I just encountered a new bug that I hope will be fixed before the official release... If we add the container through the structure panel, the Gaps control values ββlink is disabled by default. Gpa.bug.mp4 |
Beta Was this translation helpful? Give feedback.
-
3.16 has been released. Encountered an issue. @nicholaszein how does Elementor define "new installations" as the company I work for uses a plugin called "Themesflat Addons For Elementor" for a handful of sites and it doesn't seem to work with containers. Updated an install today that has used sections for over a month and now it has containers feature enabled and widgets from "Themesflat Addons For Elementor" have disappeared. Just need to know how far back is a website considered "new" so I can check those installs for faults or third-party issues? |
Beta Was this translation helpful? Give feedback.
-
FYI, manually firing the action in functions.php fixed this issue for me:
|
Beta Was this translation helpful? Give feedback.
-
Hi, I got a Issue after update, I created a Issue for this, please check Thanks β€οΈ |
Beta Was this translation helpful? Give feedback.
-
Please update Elementor to the latest version. This has been fixed already. If you are the owner of the custom widgets, you should update your code to remove the usage of deprecated methods. The methods in question were deprecated in version 3.5, released 2 years ago. Please follow the documentation to know how to use the current methods:
|
Beta Was this translation helpful? Give feedback.
-
Hey, beta testers! π’ Elementor Core and Elementor Pro v3.16 have been released! π₯³Thank you all so much for contributing to this beta, and for your feedback and efforts. Especially for reporting found bugs in this release. π Your contribution is priceless, and we are very grateful for having you on board with us! πͺ I'd like to especially thank our contributors who helped make this release possible:
Thank you! See you on the next one! β€οΈ πͺ π β Feel free to check it out and update your plugins to the new version! Cheers π₯
|
Beta Was this translation helpful? Give feedback.
-
===========
Beta 4 UPDATED - PLEASE READ BELOW!
===========
Β
Hey Beta testers, π
The beta version of Elementor 3.16 is now available and we're excited to hear your feedback on the new features. From this version onwards, containers will be activated by default on all new websites. In addition, there are various UX/UI improvements, performance and accessibility enhancements, and more.
Try out this beta version and let us know what you think about our newest additions, which include:
Β Β
Containers Activated on New Websites For Maximum Design Flexibility
Β
Containers are a powerful tool for building pixel-perfect, high-performing, and responsive websites. With more accurate positioning settings, you can efficiently align and distribute items in a container for more flexible layouts. Containers also give you nested capabilities, which mean you can place widgets inside the content area of widgets like the Carousel, Menu, Tabs, and Accordion Widgets for unlimited design possibilities. Starting from this version onwards, they will be activated by default on all new sites.
This update will not affect sites built with sections and columns, and you will be able to continue using them, but we recommend enabling Containers to enjoy new design capabilities. If youβre creating a new website and want to build with sections and columns, you can deactivate the Flexbox Container feature, though you wonβt have access to features and widgets with nested capabilities.
Activating Flexbox Containers will also give you access to Container-based Kits and templates that include the most popular section-based Kits converted to Containers, alongside new designs. Disable the Flexbox Container feature to use section-based Kits and templates.
Updated Gap Control Between Elements
The "Gap between elements" control has been renamed to "Gap". Instead of a single range control for setting the gap between elements inside Containers, you can now control the horizontal and vertical gaps separately with a number input for each. This allows you to more accurately control the layout of a container.
Grid Container Widget
Grid containers and Flexbox containers now have their own widgets in the Widget Panel, allowing you to directly access the Grid Container without having to drag the Flexbox Container and change its type. If you drag a Flexbox Container into the editor, it will automatically create a Flexbox Container, and if you drag a Grid Container into the editor, it will start as a Grid Container. You can still change each container to the other type from the Container Layout dropdown menu in the Layout section.
To use Flexbox and Grid Containers, activate the Flexbox Container and Grid Container features by going to WordPress Dashboard β Elementor β Features.
Β
Performance Improvements - Faster TTFB
Β
Version 3.16 includes updates to Elementor's infrastructure, which further accelerate the loading speed of your site's frontend. These updates improve the TTFB (Time to First Byte), a key metric for measuring connection setup time and web server responsiveness.
By modifying the functions responsible for display conditions within the Editor, we were able to reduce loading time on your site's frontend by 5% to 20%, depending on the complexity of the page. Consequently, these improvements have a positive impact on front-end performance.
Β
Menu & Tabs Widgets Update
Β
These widgets have an upgraded infrastructure that produces a unified DOM output for the titles of Menus and Tabs in responsive settings. This removes duplication of code and streamlines the HTML structure allowing the implementation of advanced features in both widgets. For example, this version makes the Menu and Tabs Widgets fully accessible.
Note: This update will also apply to existing Menu and Tabs widgets, and may break designs of titles in this widget if custom CSS has been applied to them.
To use the Menu and Tabs widgets, activate the Flexbox Container, Menu, and Nested Elements feature by going to WordPress Dashboard β Elementor β Features.
Β
Accessibility Enhancements
Β
Elementor continues to empower you to create more accessible websites. This version includes important accessibility improvements to several widgets that will make it easier for visitors who rely on screen readers and other assistive technologies to enjoy your content.
For example, improvements have been made to widgets with multiple elements and links, such as the Icon Box or Image Box. Screen readers scanning these widgets will read the link assigned to each element in the widget once. This will prevent screen readers from repeating the same link multiple times and unnecessarily consuming their time.
Another example is the improvement made to the Posts Widget. Screen readers will focus exclusively on post titles and ignore irrelevant visual content such as βRead moreβ CTAs and the featured image alt texts. This will improve visitors' experience while browsing the post widget with assistive technologies. For more information on accessibility improvements, check out the developer blog which will be posted in the coming days.
Β
Notes in Editor Top Bar
Β
An icon for the Notes feature has been added to the Top Bar. This makes it easier for you to collaborate with team members and clients by allowing you to open the Notes mode right within the Editor.
To use the Top Bar, activate the Top Bar experiment by going to WordPress Dashboard β Elementor β Features.
Β
More Improvements
Free version
float
with other layouts in the Editoreicons
library to v5.23.0heading.php
for improved usability (props DAnn2012)Pro version
alt
in Testimonial Carousel widget (β βΏ π Bug report: Alt image -> testimonial-carousel - [ED-11551]Β #17680)float
with other layouts in the EditorMake An Impact: Share Feedback Before Features Are Released
Weβre always looking to get to know Elementor customers on a deeper level. If youβre interested in meeting with our team and sharing your insights, feedback, and feature requests, youβre welcome to sign up for some quality time with us here.
How to Install the Beta Version
If you still haven't enabled beta testing in Elementor, please follow these steps:
Notes
As we make changes to our GitHub in an effort to keep it organized, improve the way we deliver information to you, and our ability to review your feedback, please follow the instructions below when reporting bugs, or making feature requests:
Designated time for release:
September 12, 2023 (Estimated)
Many thanks for your support and help!
Cheers,
Elementor Team
Beta Was this translation helpful? Give feedback.
All reactions