Divi 5 Update: Public Alpha Version 2

The Divi 5 Public Alpha is available for testing. As we progress towards the final release, we’ll update Divi 5 every two weeks, appearing as a standard update in your WordPress dashboard. If you use Divi 5, you’ll notice an update notification for Public Alpha Version 2 today.

We have our sights set on our next milestone, which is to make Divi 5 stable enough for us to recommend its use on new websites. We are making great progress and are 100% focused on fixing the bugs you are reporting.

Have you tested Divi 5 recently? Upgrade to Public Alpha 2 and give it another go!

What’s New In Public Alpha 2?

Over the past two weeks, we fixed 156 bugs 🎉. This update includes so many minor fixes, making summarizing difficult. However, here are a few standout changes:

Standout Changes

• Fixed wpautp & Malformed Code: WordPress’s auto-paragraph mechanism was adding unwanted paragraphs to content, and previous attempts to fix this resulted in unwanted stripping of newline characters. This has been resolved, so no more broken code modules and unwanted paragraphs!
• Fixed Broken Styles Due To Missing Dynamic Assets: Feature detection was failing in some cases, and the CSS for certain aspects of layouts was not being concatenated into the page’s dynamic CSS file, resulting in things like broken animations. This was fixed.
• Rerender Reduction: As always, we are hyper-focused on performance. We further improved the Visual Builder’s speed by identifying unnecessary rerendering in the settings modal. The less stuff that rerenders, the faster the application! Now, when you modify a setting in the settings modal, it’s even faster than before.
• CSS Generation Time Improvements: We improved the time it takes to generate CSS for frontend pages, resulting in even faster load times.

Changelog

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

• Fixed broken code in the code module caused by stripped newline characters placing JavaScript comments on the same line as valid code.
• Fixed the inline editor color picker opening outside the bottom of the viewport.
• Position style is fixed if the offset origin and transform are set.
• Fixed duplicate Delete item in the layers panel right-click menu.
• Right-click actions were removed from specialty columns in the layers panel.
• Fixes drag and drop module that does not work when a certain sequence of action is done beforehand
• Converted Visual Builder’s Exit Button Into a Link.
• Fixed layer view scrollbar not working while using the Go To Layer option.
• Remove the option to enable and disable the “latest Divi Builder experience” since this option is no longer relevant in Divi 5.
• Fixed right-click action labels for the shortcode module to get the actual name.
• Prevent unnecessary rerendering on module settings’ panel and group when modifying module attributes.
• Refactored module settings’ group, sub-group, and field visibility mechanism. Use function callback for its prop visible instead of passing boolean.
• Fixed broken transition styles due to selector conflicts on built-in element styles.
• Fixed unnecessary rendered transition style selectors.
• Fixed broken transition styles for advanced styles when built-in element styles module attributes are modified.
• Fixed empty row changes the height of the section hovering over the layers.
• Fixed the issue where the responsive view width value tooltip was displayed on both sides when dragging.
• Fixed issue where default divider styles were being printed, overriding custom divider styles on mobile.
• Fixed tooltips for Global Color swatches when viewed in the Recent palette.
• Fixed an issue where clicking the “New preset from current styles” and the “Add new preset” buttons, as well as clicking the clone and/or “Preset Settings” (cog wheel to edit a preset) buttons, does not open/expand the preset options group.
• Removed the Preset confirmation modal when adding a new preset and a preset from current styles.
• Fixed the display of Button Module alignment options in both the Visual Builder and frontend.
• Fixed an issue where the Featured Image’s Box Shadow in the Blog module differed after migrating from Divi 4 to Divi 5.
• Improved select field’s UX. Fixed broken navigation on the select option by keyboard shortcut (arrow up, down, enter)
• Fixed an issue where module conversion for split test attributes incorrectly hid modules by normalizing ab_subject_id values during conversion.
• Fixed the problem where users could not edit and save a Divi Cloud item.
• Fixed the Progress bar not showing the actual progress when editing & saving a Divi cloud item.
• Fixed overlapping text and buttons in smaller inner columns when in wireframe mode.
• Fixed missing default border width value for grid layout in the Blog Module.
• Fixed blurb module text styles, such as text-shadow, affecting the blurb icon.
• Fixed the button custom style fields visibility issue in the module settings modal after closing the preset settings modal.
• Fixed an issue where custom CSS was not applied to modules in a layout.
• Support was added for the VB Save shortcut from Inline Editor.
• Fixed unexpected autoclosing of the Add To Library modal when interacting with the Help modal.
• Fixed the divider overlay color issue.
• Fixed context menu on tinyMCE, code, and text fields.
• Fixed saving of Wireframe mode and Layers view as app preferences.
• Introduced Initial E2E Performance Tests.
• Fixed HTML tags escaping issue in Global Modules after edit.
• Fixed a bug causing PHP errors when using the Restaurant starter pack to create a quick site in D5.
• Fixed empty button(no text) not displayed/editable from VB.
• Upgraded jQuery Mobile from v1.4.5 to v1.5.0 alpha and removed unused code.
• The conditional Logic conversion issue is fixed.
• Fixed the issue with the featured image not being displayed in the Post Title module if used in a Theme Builder template.
• Fixed Zero division error in Divider in FE.
• Fixed broken gallery module when using slider mode.
• Fixed empty blurb image wrapper rendering in the Visual Builder when no image was defined in the module settings.
• Fixed a fatal error in the Transform::value() method if some layouts do not contain the transform value for the desktop breakpoint.
• Fixed an issue where selecting a box shadow preset showed incorrect options in the module settings.
• Fixed an issue where sections set to absolute positioning were not visible in the Visual Builder.
• Fixed Blurb icon styles copy/paste.
• Fixed a bug that was causing free-form-css output in the front end not to work properly.
• Fixed interaction options are not saved in the database.
• Added documentation page for Preset Attribute.
• Fixed the inability to copy the style of the module with no attribute into a module with an attribute.
• Adding missing fixed and absolute positioning classes for sections resulted in fixed sections that were not full-width by default.
• Fixed Images imported system for gallery module.
• Fixed a bug that was not loading some Google font on the front end after the second page load when the customizer used a Google font for the header font.
• Fixed being unable to edit and save a Divi Cloud item.
• Fixed the Progress bar not showing the actual progress when editing & saving a Divi cloud item.
• Fixed irrelevant position options in the shortcode module’s position option group, each appearing only when a relevant position is defined.
• Fixed incorrect Critical CSS height calculation when global modules were used in a layout.
• Fixed a fatal Critical CSS height calculator error when placing global modules within a specialty section’s inner column.
• Fixed unwanted et_pb_module class on module sub-elements that were causing gutter width issues on modules such as the contact form module.
• Fixed an issue causing errors when migrating content with special characters in Contact Form and Email Optin modules.
• Fixed duplicate Delete item in the layers panel right-click menu.
• Right-click actions were removed from specialty columns in the layers panel.
• Fixed unwanted right-click options appearing for specialty section inner columns.
• Fixed a fatal error in the TextShadow::value() method if some layouts do not contain the text-shadow value for the desktop breakpoint.
• Fixed the issue when Shift was not applied to numeric fields in case of mouse input.
• Fixed cmd/ctrl + s shortcut fail from the inline editor.
• Automated the generation of the _all_modules_metadata.php file to reduce manual updates and ensure consistency.
• Changed the x-ray line color to a medium gray that will be visible on various background colors.
• Fixed Cloud items refresh after saving new items to the Cloud.
• Fixed an issue with specific SVG images that were not visible when added using the Image Module.
• Fixed an issue where the role attribute was not rendering from HTMLUtility::render(
• Fixed an issue where the checkbox did not return the correct value when its default was set in the module.json file.
• Added missing –with-menu classes to columns, rows, and sections containing a menu module and improved the logic to add these classes when the menu module contains a dropdown.
• Fixed menu module dropdowns in Theme Builder headers appear hidden below the content of the following section.
• Increase the z-index on columns that contain dropdown menus to ensure they sit above adjacent sections with section dividers.
• Fixed delay issue when clearing search term in Layers View.
• Fixed an issue where a module animations beyond the parent row bounds (in VB and FE) when sticky and transition are combined with width and/or max-width.
• Fixed warning about unique “key” props while accessing Shortcode Module Background settings.
• Fixed Divi menu overlapping page content on the front end and in the builder.
• Updated validation to use default zoom value instead of NaN% in the app bar zoom level when input is invalid.
• Fixed an unwanted gap in the top left corner of module hover highlights that could be seen when module hover buttons were disabled.
• Fixed an issue where the zoom level value was not rounded to the nearest whole number for display purposes.
• Fixed email service account attribute conversion and corrected field rendering logic.
• Fixed image stretching issue by setting width to auto when maxHeight is applied.
• Fixed Accordion icon wasn’t vertically centered when the icon size was larger.
• Added missing –with-menu classes to columns, rows, and sections containing a menu module and improved the logic to add these classes when the menu module contains a dropdown.
• Fixed menu module dropdowns in Theme Builder headers appear hidden below the content of the following section.
• Increase the z-index on columns that contain dropdown menus to ensure they sit above adjacent sections with section dividers.
• Fixed broken View Live Preview button for saved library items in the Theme Builder.
• Fixed the wrong keyboard shortcut title for the ? key.
• Fixed an issue where customizer font-weight values weren’t being considered, affecting some modules’ final text/heading font-weight.
• Fixed an issue where enabling parallax in a preset showed incorrect options in the module settings.
• Fixed the misleading Preview button on Theme Builder layouts by removing the button.
• I fixed the issue of not opening the settings panel for the Row module.
• Fixed broken portability modal styles in the Divi Library and replaced the legacy loader animation.
• Fixed the issue with Modules, Rows, and Sections imported from Divi Cloud.
• Removed open and close icons from option groups when the “Group Settings Into Closed Toggles” option is disabled.
• Fixed a bug where intentionally removing the background color for a specific breakpoint or state caused the parent breakpoint or state’s background color to be rendered (instead of applying no background color whatsoever).
• Fixed an issue where dynamic content was not processed correctly after migrating from Divi 4 to Divi 5 due to different escaping mechanisms.
• Fixed WooCommerce Fatal Error on Admin’s Area Product Page.
• Fixed broken fullscreen header height calculation that resulted in fullscreen headers exceeding the browser viewport’s height.
• Fixed “Free Form CSS” not working with specific modules in the builder.
• Improved Exit button in VB redirects the user to the previous page.
• Fixed the Copy Delete Post plugin’s interface from interfering with the Visual Builder top bar.
• Improved Divi 5 Style Rendering Performance.
• Fixed menu module not showing all menu items on VB
• Fixed an issue where the default theme header was not visible in the Visual Builder.
• Added missing –with-menu classes to columns, rows, and sections containing a menu module and improved the logic to add these classes when the menu module contains a dropdown.
• Fixed menu module dropdowns in Theme Builder headers appear hidden below the content of the following section.
• Increase the z-index on columns that contain dropdown menus to ensure they sit above adjacent sections with section dividers.
• Fixed an issue where enabling “Background Overlay” and setting a color in Slider or Fullwidth Slider modules caused a broken module.
• Fixed broken overflow-x and overflow-y CSS rules applied to page wrappers due to an incorrect default value saved in post_meta.
• Fixed exporting a page with Gallery module only contains the ID, not the images encoded values.
• Fixed a bug that was causing the module preset not to work properly.
• Fixed a bug causing module animation to not work in some cases.
• Fixed the Preview button in Safari.
• Fixed a console error in the Visual Builder that stemmed from a missing constant when using Woo modules.
• Fixed a fatal error on the front end after converting specific Divi 4 Email Option modules using custom button icons.
• Fixed the issue with unintended triggers of VB shortcuts in some fields.
• Fixed a bug causing some modules/features requiring script-data to not work on the front end.

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 an incredibly fast 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.