We’re excited to announce the release candidate for Bricks 2.2!
You can manually download the 2.2-rc for testing and providing feedback from your Bricks account at https://my.bricksbuilder.io/. As with any release candidate, please do not use it on any production site. That’s what the final 2.2 is for.
This update brings a host of new features and improvements based on your feedback and real-world use cases.
Below are some highlights from the 100+ changes that we shipped this time.
Style Manager: Canvas preview & breakpoints
Theme Styles in the new Style Manager now support breakpoints, and there’s also a canvas preview for a more seamless editing experience.
Color, Class & Variable preview on hover (opt-in via Bricks setting)
This productivity boost lets you preview colors, classes, and variables in real-time when you hover over them in the control panel while editing an element.
This opt-in feature can be enabled for all three properties individually under: Bricks > Settings > Builder > Control Panel
More highlights
- Style Manager: Buttons to add/remove steps in typography and spacing scales
- Map Element Locale: Set Google Maps locale for better accessibility
- Woo Rating Filter: New “Compare” option for more precise product filtering
- Form Placeholder Control: Option to hide required asterisk in placeholders
- YouTube Controls: More player options and improved aspect ratio handling
- Back to Top A11y: Focus moves to the first element for better keyboard navigation
- Color Palette Grid: Enhanced layout for easier color selection
- Toggle Mode Clickability: Larger click area for toggles
Thank you to everyone who contributed feedback, bug reports, and suggestions! Your input helps us make Bricks better with every release. Please test the release candidate and let us know if you spot any issues.
The next planned release will be the final Bricks 2.2 as a one-click update for all active license holders.
Full changelog
- Form: New control “Hide asterisk in placeholder”New
- Form: Show error messages for invalid fields on form submitNew
- Map element: Option to use page localeNew
- Multiple options control: Support ordering (by dragging)New
- Query Filters – Woo Rating new “Compare” optionNew
- Video: Various new YouTube controlsNew
- Style Manager: Canvas preview & breakpointsNew
- Class, Color & Variable preview on hover (opt-in)New
- Back to top: After click, also focus on first focusable element (A11y)Improve
- Builder: Slot accent color not visible (in light mode)Improve
- Builder: Add variable picker to aspect-ratioImprove
- Builder: Link control dynamic data stylingImprove
- Builder: Masonry layout enabled, show style tab indicatorImprove
- Class importer: UI/UX overhaul (to simplify)Improve
- Cloudflare Turnstile: Add “Flexible” size & labelImprove
- Color Manager: Prevent creating duplicate variable nameImprove
- Color picker should open selected color, even if from variableImprove
- Component properties clear icon positionImprove
- Component slots: Slot div placeholder leads to styling issuesImprove
- Components as blocks: WPML support for component instance property valuesImprove
- Custom fonts: Support unicode-rangeImprove
- Elements panel: Wrong group title for “WooCommerce product”Improve
- Filter – Range: Auto count value mistreated as user input value (Apply on submit)Improve
- Form: Default checkbox/radio alignmentImprove
- Form: Handle file uploads for webhooks actionImprove
- Form: Show width/height controls for Rich text field typeImprove
- Clear filter search value for a “Live Search” query not reset the other filters countImprove
- Instant navigation: Edit header & edit footer linksImprove
- Instant navigation: Update page titleImprove
- Light/dark mode: Use attribute data-brx-theme (instead of data-theme)Improve
- Nav nestable: Set default close toggle aria-label to “Close”Improve
- Orphaned elements checker: Check children arrayImprove
- Popup: Popup content flex-wrap: nowrapImprove
- Rating element: Schema additional propertiesImprove
- Separator control line missingImprove
- Structure panel: Auto-scroll only if not visibleImprove
- Style Manager: Allow manual inputs for typography and spacingImprove
- Style Manager: Button to add & remove steps (Spacing & Typography controls)Improve
- Template import: Variable list scroll positionImprove
- Term Query : Error if set non-number value on “Number”Improve
- Toggle mode element: Improve clickabilityImprove
- Global query:Add gap between create/cancelImprove
- Color Palette: Grid improvementImprove
- Product variations selector: Alignment off when clear button appearsImprove
- Query Loop: Include/Exclude Dynamic data tag support for JetEngineImprove
- Accordion (Nestable) as component: Doesn’t expand if component rerender in canvasFix
- Builder access: Can’t unassign a classFix
- Calling a nonexistent function in PHP Query Loop halts external CSS file generationFix
- Carousel/Slider Pagination: Go to slide %s (swiper)Fix
- Change element (inside loop) custom attributes should rerender loopFix
- Color picker is not reading the current color value when editingFix
- Command palette: Disabled elements are shown (element manager)Fix
- Component slots: Block should take up full width on canvasFix
- Component slots: Children disappear upon unwrappingFix
- Component slots: Duplication loses nested elements structureFix
- Component slots: Nested slots not renderingFix
- Component variants: “Variant” property visible for nestable componentsFix
- Component variants: Typing “Base” in variant name causes text to disappearFix
- Component variants: clear icon shows for base variantFix
- Components as blocks: Font Awesome Solid iconsFix
- Components as blocks: Select control clear button blocked by long selected termsFix
- Components as blocks: Align classes missingFix
- Components as blocks: Blocks are unselectable on Gutenberg canvasFix
- Components as blocks: Children CSS/JS library not enqueueFix
- Components as blocks: Fix external CSS generation on non-Bricks pagesFix
- Components as blocks: Icon property custom set overflowFix
- Components as blocks: Nested instance property binding supportFix
- Components as blocks: Select control cancel button location (RTL)Fix
- Components: Nested Nav nestable/ Nested Slider component disappears on canvas and breaks the mobile menu on front end (Component in component)Fix
- Components: Unconnected class property causes an errorFix
- Dark/Light mode: FOUC Firefox or disable cacheFix
- Duplicate component: All children having the same ID as original component causing issues (canvas)Fix
- Edit component from panel: Missing controls if component is not on page & has active element selectedFix
- Filter – Reset: Hide after clicking Pagination element page 1 linkFix
- Filter by “User role” bugFix
- Font Manager: Unable to use the same font file for multiple variantsFix
- Form: Create Post ACF radio/checkbox type field inside group field no option display (Not supporting fields in the Group)Fix
- Google Map: Default marker label (title attribute) not be used if location/address label field is emptyFix
- Icon Box: Custom SVGs don’t show on canvasFix
- Insert a component with nestable_children as nested component generates orphan elements inside componentFix
- Instant navigation: “Populate content” persistsFix
- Instant navigation: Missing template settings and incorrect element sortingFix
- Missing styles for elements inside nestable element within a slotFix
- Nested query loop in builder showing differently than on frontend (especially when nested loop is empty result)Fix
- Open Theme Styles from Settings control panel causes missing sidebar and breakpoint indicatorFix
- Property bindings: Global class not applied in nested componentsFix
- Query Filter not working on query inside Nestable SliderFix
- Query Filter: Filter by Post author, User display name change will not auto update indexed options display nameFix
- Query Filters: Metabox datepicker PHP warningFix
- Query Loop: Array code editor full screen editing does not update the actual arrayFix
- Query Loop: Upsell/Cross-sell image not showing for variation productsFix
- Quick Access Bar: Missing, if element does not exist (causing gap on left side)Fix
- R + Tab inserts %root%ight in some casesFix
- Rating schema: Double quote in ACF field not escapedFix
- Selector UI: Deleted global class still counted on the elementFix
- Slots: Nestable elements added as a flat arrayFix
- Dynamic data tag in custom attributes will not render on 1st loop itemFix
- Theme Styles: Button transition input has incorrect background colorFix
- Theme Styles: Save button not visible on hover when creating new styleFix
- Theme Styles: Builder style generation fails when breakpoint key matches start of control nameFix
- Unable to edit properties of parent component with child component instance selectedFix
- Update post action: Taxonomy field with value causes radio/checkbox field after it to have no current value setFix
- WPML: Attributes translation not workingFix
- WPML: Builder language setting not respectedFix
- WPML: Carousel images not rendered on translated pageFix
- WPML: External CSS styles not generated after translationFix
- WPML: Image & Slider Custom URL translation emptyFix
- Builder: Color input expands when selecting breakpoint toggleFix
- Icon Property: Color palette input is shiftedFix
- Quick Access Bar: style Indicator not updating correctly when switching to same elementFix
- Style Manager: Scale preview min/max sizesFix
- Theme Styles: Select control wrong background-colorFix
- Variable picker icon position in spacing controlsFix
- fallback-image with dynamic tag not working on the background-image fieldFix
- .woocommerce address styles are too generalFix
- Color Manager: Color picker with non-hsl color value not correctly convertedFix
- Form: Create post action issues with media library filesFix
- Products element: “is main query” compatibility issue with Wholesale suite pluginFix
- User activation status: User cap checkFix