Divi 5 Update: Public Alpha Version 5

The Divi 5 Public Alpha is available for testing. If you use Divi 5, you’ll notice an update notification for Public Alpha Version 5 today. We release new Divi 5 versions every two weeks, and it gets better each time! If you haven’t tested Divi 5 yet, try it and let us know what you think.

What’s New In Public Alpha 5?

Over the past two weeks, we fixed 89 bugs 🎉. Divi 5 feels stable, and we aren’t getting many new bug reports from our beta testers. That’s a great sign! We will spend two more weeks fixing what few high-priority bugs remain and then move on to feature development, kicking off 2025 with an aggressive release schedule.

With all the foundational improvements and bug fixes behind us, it’s shaping up to be an exciting new year.

Standout Changes

As has been the case with the last few updates, this new version contains many little fixes. There are too many to mention, but here are a few standout changes:

1. Updated Developer Documentation – We’ve been working with creators from the marketplace, taking their questions and using them as a basis for new developer docs that will serve the community in perpetuity.
2. New Developer Hooks & Filters – Module creators now have more freedom to extend Divi modules and the builder interface. We ensure that developers have what they need to build the modules they envision.
3. Improved Performance In Backward Compatibility Mode – Some pages were loading slowly when rendering legacy shortcodes while in backward compatibility mode. We identified the bottleneck and fixed it. We want legacy modules to load just as fast, or faster, in Divi 5 so that there are no downsides to upgrading.
4. Fixed do_blocks() Divi Block Rendering – One of the benefits of shortcodes is that you can plug them in anywhere. The same is true of Divi 5’s new blocks; however, rendering Divi blocks using the WordPress do_blocks() function wasn’t working as intended, and this has been fixed.
5. Dragging Modules You Are Editing – Previously, in Divi 5, you couldn’t drag a module you were actively editing. The active state was not draggable, which was quite annoying. This has been fixed.

Changelog

Here is a list of all the changes implemented in Public Alpha 5.

• Fixed the unexpected jumping behavior of the Sticky module on the front end when the sticky state is activated, and the default Divi header is set to be Fixed.
• Fixed an issue where a settings modal can be dragged beyond the top of the browser window, effectively hiding a part of it.
• Enable modules to be dragged when the module is being edited.
• Updated Drag and Drop feature to allow modules to be dragged and dropped even when editing mode in the Visual Builder.
• Fixed glitchy drag and drop behavior on wireframe mode under specific circumstances due to incorrect hoveredArea and bottomOffsetTop state values.
• Fixed only a single column in the row of specialty section should not be draggable.
• Added scrollbar in preset selection modal.
• Fixed a performance issue with shortcode attribute checks that assist frontend rendering of legacy layouts.
• Fixed various transition style issues related to Body Text on some modules, such as Pricing Tables and Blurb modules.
• Improved transition style processing by merging Heading Font and Body Font transition styles with other transition styles on the same module element.
• Fix transition issues with modules dependent upon property selectors and add tests to support the code changes.
• Added support of modules copy/paste between pages.
• Fixed an issue with special characters in font icons not being properly escaped.
• Fixed a bug that was causing parallax backgrounds not to work properly in D5 backward compatibility mode.
• Fixed a bug rendering unwanted tags in Divi 5 backward compatibility mode for some cases.
• Fixed an issue where legacy shortcodes were not properly migrated during the layout import process.
• Fixed an issue where the combination between Text color and Light/Dark Text Color doesn’t work as expected.
• Fixed an issue where Section Divider color is enforced to black when color is not set.
• Fixed backslashes being removed from Page Settings’ Custom CSS.
• Fixed rendering the Section divider’s color based on the sibling section’s background color.
• Updated Extending Divi 5 Page Settings tutorial with the new PHP hook.
• Added documentation explanation page for responsive content management in the Visual Builder.
• Fixed an issue where trailing spaces in checkbox labels caused validation errors in the Contact Form module.
• Fixed a PHP notice error on the front end caused by an undefined property.
• Added an explanation page in the documentation for the shortcode lazy-loading feature and guidance on how to adapt it.
• Fixed an issue where the logo image in the Menu modules was stretched due to missing CSS rules in D5.
• Fixed bug with Drag&Drop reliability for the Button Module.
• Fixed an issue where the accordion item’s open state is inconsistent, resulting in the first item showing open state attributes/properties even when it is not the open one. This only affects the visual builder.
• Fixed issues with React hooks usage, component naming, and code structure to improve reliability, readability, and compliance with best practices.
• Added tests for the Positioning Order-class in Custom CSS Selector.
• Added example codes of adding a selector property in Custom CSS.
• Added tutorial for integrating selector property in customCssFields for Divi 5 modules.
• Added guide page for module icon design.
• Fixed category selection does not show a title as a divider.
• Updated the documentation of Static and Dynamic module conversion.
• Fixed all sections not visible on FE after importing a premade layout.
• Updated the Extensions Example Plugin to incorporate advancedStyles within the Elements class, ensuring compatibility wherever necessary on both the Visual Builder and Frontend.
• Fixed the issue with library items editing after permalinks update.
• Added Action Icons shift to prevent overlapping of Action Icons if modules have small margins and if structural elements have small margins and paddings.
• Fixed drag-and-dropping module on wireframe mode, causing all modules to be re-rendered.
• Fixed build issues with the Dynamic Module tutorial.
• Fixed the inability to add an inner row from Divi Library.
• Fixed an issue where font weight in Fullwidth Header modules would incorrectly display as Regular when migrating from Divi 4 to Divi 5.
• Fixed an issue where custom preset values were not displayed as default when the custom preset was active.
• Fixed an issue where adding a new custom option group script in tutorials didn’t work as expected.
• Updated console errors to include uncoded module and path names to improve debugging clarity.
• Made auto-generated modules trigger warnings to ensure they are noticed.
• Added a list of auto-generated modules for easier reference.
• Fixed an issue with HTML markup differences between Divi 4 and Divi 5 in the Blurb module.
• Fixed Presets importing issue in Theme Builder.
• Updated the Static and Dynamic module conversion documentation’s code with valueExpansionFunctionMap code snippet added.
• Fixed an issue where the first section settings bar would hide behind the header after switching from wireframe mode to desktop view.
• Fixed an issue with the “Selected Categories” option being lost for Filterable Portfolio, Portfolio, and Fullwidth Portfolio modules after migrating from Divi 4 to Divi 5.
• Fixed slider module first slide image is hidden on the visual builder.
• Fixed an issue where an empty gradient background incorrectly inherited styles from other background options, ensuring a default white background is applied instead.
• Fixed Global Colors import when importing Theme Builder templates.
• Fix memory exhaustion caused by the Blog module recursion loop that occurs when the Blog Module is used on a single post and the Blog Module inadvertently includes the current post in the displayed posts.
• Fixed an issue where row data added from a regular section was not displaying in the Specialty section’s row library.
• Fixed fatal error when adding a new post because of theme builder data imported as a shortcode.
• Fixed post content module gets imported even outside of the theme builder.
• Fixed an issue where responsive options for the Parallax Method in Background Image settings were not working correctly.
• Updated “Adding Custom Options Group” and “Adding Custom Option Field” tutorial series to have more realistic examples to be connected with the upcoming tutorials, such as rendering elements and styles.
• Fixed bug when the Save to Library button was clicked.
• Fixed an issue where categories were not displayed in the Post Title module and Fullwidth Post Title module’s meta information on the front end when using the Theme Builder.
• Fix: Resolved an issue where the Row’s max-width in Visual Builder did not respect the Website Content Width setting from the Theme Customizer.
• Fixed an issue where custom content width in the Fullwidth Header Module was not applied on the FE.
• Fixed modal z-index issue where they appeared under the snapped sidebar.
• Fixed an issue where the Text Alignment and Text Color option in the Menu Module was not migrated correctly from Divi 4 to Divi 5.
• Fixed single product view page fatal error when no WooCommerce module is used on the page.
• Fixed the visibility issue of the Read More button in the Post Slider and Fullwidth Post Slider module.
• Improved Dynamic Content rendering by properly escaping special characters in block attributes.
• Introduced new hooks to filter rendered module elements on VB and FE.
• Introduced new hooks to filter rendered module wrappers on VB and FE.
• Fixed the issue when clicking inside the color picker closes the inline editor.
• Fixed sections with top or bottom padding set to 0 were not rendering correctly on the front end when importing specific layouts.
• Resolved an issue where CSS was not fully generated for a specialty section when rendering Divi 5 layouts/blocks with the do_blocks() function in a page template.
• Fixed an issue where when editing a global color, the confirmation dialog for saving changes now appears in the correct sidebar if multiple sidebars are open.
• Fixed the issue where the video shortcodes were not rendered into video tags within the Divi 5 TinyMCE editor.
• Fixed an issue where opening & closing the global color picker without modification prevents the page elements from clicking.
• Fixed type/linter issue in test file.
• Fixed quick sites generation error and blank page when the user is not logged in.
• Fixed SCSS warnings while developing on onboarding.
• Fixed an issue where presets could not be saved after generating a site using Divi Quick Sites.
• Fixed video transitions in the slider module where the video jumps from the bottom before starting the animation.
• Fixed unnecessary group field re-renders caused by hovering over the right-click context menu.
• Enhanced Conversion::maybeConvertContent() to include the application of ShortcodeMigration::maybe_migrate_legacy_shortcode() within the function.
• Updated packages to match onboarding configuration.
• Fixed development build errors in onboarding.
• Fixed a PHP error during 3rd-party module imports by updating ShortcodeMigration::should_handle_migration() to handle null values.

Jump Into Divi 5 Today

Now’s the time to test Divi 5 and report bugs. We’ll continue to work aggressively to fix the problems you find. You’ll also enjoy a speedy building experience, greatly improved frontend performance, and a modern new interface!

Let us know what you think so far, and stay tuned for a new Divi 5 version every two weeks. From here on out, Divi 5 will improve regularly through the Alpha, Beta, and beyond.