Hi everyone, We’re very excited to launch an early-access beta for our revamped expression composer, which you use to integrate logic everywhere across your Bubble app, from elements’ design to the workflow conditionals. This revamp of the expression composer allows you to: Edit in the middle of your expression, without deleting existing content View implicit parentheses, so you can keep track of and manage your expression’s order of operations Access dynamic data with your keyboard, allowing for faster development To get early access, turn on the new expression composer as a beta feature. Go to Settings > Versions > Beta Features and check on the “New expression composer” feature. [image] Because this is a beta feature, you have full control over turning it on and off. We also generate a savepoint for you whenever you turn on this feature, so you can revert to your app’s previous status, if desired, after using the new expression composer. In the next few weeks, everyone on Bubble will be able to toggle the new composer on or off directly from the editor. After we make updates based on your beta feedback, we’ll roll this out as the default experience. Check out the beta documentation for more details on how the new composer changes affect building logical expressions. Note: The new expression composer is in beta. This means the feature is pretty close to its final look, feel, and function, but we may still make some design and functionality changes before the new expression composer becomes the default experience. There may also still be some bugs in certain edge-case interactions. This feature should not break your existing applications since these changes only appear in edit-mode, not run-mode. Potential future capabilities we’re considering for this feature: Selecting parts of expressions Preserving the expression with type mismatches Using literal data sources We are very excited to see how you feel about the expression composer. You can leave feedback through the beta feature’s “submit feedback” button or submit bug reports here. Happy Bubbling! Note: We are currently investigating editor performance issues separate from this feature. This new expression composer should NOT impact your performance, and you can turn it on and off whenever you’d like! – As of November 20th Changelog: Updated the keyboard shortcut from “/” to “Ctrl/Cmd + /” Added the on-hover type affordance for atoms Fixed a bug on entering alpha input in color pickers Fix the debugger when the new expression composer beta feature is turned on Performance improvement for dropdowns in expression composer beta Fix a bug that would sometimes prevent the context menu from working on new expression composer Fix a bug that would cause some custom states to be marked as issues when they are not on new expression composer Improve the tracking of user focus to prevent issues where sometimes clicks were lost on new expression composer Improve the dragging behavior for the property editor on new expression composer Fix the colors of element picker and page folder dropdowns on new expression composer (no longer white text on white background) Ensure that Reusable Element Popups appear in dropdowns allowing popups on new expression composer Update short text composer button to add dynamic button on new expression composer (this is a new design for the button to insert dynamic data in short text composers) Updated the visualization from brackets to parentheses, with new underlining + coloring to more clearly distinguish precedence in order of operations Fixed a bug where you could not add dynamic data in color composers on conditionals Fixed bug on dynamic data entry after deleting empty entry Fixed hidden column checkboxes on the workflow action download data on CSV Modified bottom padding on text composer Adjusted placeholder for Google Material Icon and style attributes Fixed memory leak on issue checker Change data type to grouping for repeating groups as relevant Fix rendering error when deleting static text span at end of text composer Allow single click deletion on flyouts Insert dynamic data on empty dynamic image/file fields Performance on typing when using the new composer Entering literals without losing focus Dropdown going underneath (i.e., becoming transparent) on fields/short text composers Clicking on “More” only requires one, not two clicks to open the dropdown Increase the clickable area after a dynamic expression Ensure all fields are visible and do not generate issues Fix bugs on broken Data API, upload data, Google Material Icons Adding error boundaries, so rendering issues are isolated Fix option sets list dropdown to show list options Allow typing text spans in short text composer in the flyout (and flyouts within flyouts) Resolved issues appearing on the issue checker when new composer is turned on Addressed performance issues related to elements loading in elements picker Differentiate between shape errors and type errors Light-mode composers implemented Default values appear for null values on dropdown placeholders On filtered, you should be able to now correctly specify all constraints and operators On dropdowns in Styles, App Search, and Replace modal, elements are visible Short text composer designs have been updated Upcoming fixes: Making deletion a smoother experience Increasing the clickable area on short text composers Edge cases on field creation, App Text, focus state, long literals

See the other issue is there’s WAY more brackets than there are parentheses because now ‘atoms’ have brackets. You absolutely have to swap the brackets for parentheses to highlight operation order, and then maybe you can keep tiny brackets for individual atoms. But the issue here again is like I’ve said before… the tiny brackets mean multiple things now being atoms + parentheses and on top of that they’re teeny tiny. I can’t see anyone in the thread that would vote for brackets over parentheses for order of operations….

Agreed with parenthesis > brackets. The biggest win we could have is having an ‘expanded’ mode for dynamic expressions. That tiny field window can be hard to work with at times.

[image] MattN: The biggest win we could have is having an ‘expanded’ mode for dynamic expressions. So true, hadn’t even considered it but seems so simple…

Yes I tried to use the new expression composer for a day recently and I couldn’t even process what was going on [image] tylerboodman: [loading-cat] Maybe the expanded view like @MattN suggested could allow for visual linebreaks in the expressions, so long expressions aren’t just a giant paragraph

I use hero icons in my buttons so my button text is [hir]whatever[/hir] Not a huge deal, but with the “/” shortcut, I can’t find a way to add icons in buttons, or text. trying to close the shortcode for the icon just pops up the dynamic values dropdown. [Screenshot 2023-09-18 at 6.47.36 PM]

@agiledood… Adam’s got your back. [image] New text editor interface... / Tips Ok… I like this new text editor interface… but this had me stumped for a while… so in case anyone else is wondering the same… [image] If you need to type the / character in your text or html element, just hit the backspace key after the dropdown appears.

Parentheses for operation order Tiny brackets for atoms Expandable edit area Lines appearing only on hover

this is the right answer @felipe.haidar

[image] georgecollier: You absolutely have to swap the brackets for parentheses to highlight operation order, and then maybe you can keep tiny brackets for individual atoms. But the issue here again is like I’ve said before… the tiny brackets mean multiple things now being atoms + parentheses and on top of that they’re teeny tiny. Agree!

[Early access beta] New expression composer for more intuitive logic!

Announcements New features

mikeloc September 18, 2023, 10:56pm 92

@agiledood… Adam’s got your back.

Topic		Replies	Views
Important updates about the beta expression composer Announcements	73	6375	September 17, 2024
Introducing beta (previously, experimental) features (including parentheses)! New features	67	20380	October 4, 2024
New categorized data types, data sources, and operators New features	86	9766	October 5, 2023
Redesigned property editor beta: Now available to everyone Announcements	61	2479	June 5, 2026
Expressions MUST be more flexible, NEED YOUR VOICE Idea	8	168	April 10, 2026

[Early access beta] New expression composer for more intuitive logic!

Related topics