Skip to main content

UI & Elements

Covers visual rendering, element layout, input behavior, fonts, repeating groups, and styling issues. Use this for questions about why elements look or behave unexpectedly — in the editor or in run-mode.

2 authors34 articles
Do conditional expressions that control element visibility always run on page load?
Why does the "step-by-step" debugger show different conditions compared to autobinding without the debugger?
Why can't I see the padding indicator on a container with a dark background?
Why am I still able to scroll on the page behind a pop-up in Safari?
Why does toggling visibility from the conditionals tab not work?
Why didn't the color change on my Ionic Range Element?
How do I fix inconsistent element sizing during an animation?
Why won't my input element clear when all of its contents are selected?
Why is the Searchbox element autocompleting addresses incorrectly?
Why am I unable to select an option from a dropdown?
Why does my CSS gradient look inconsistent on Safari?
Why does my app act as expected in one browser, but differently in another?
How do I work around different types of input elements validating slightly differently and at different times?
Why can't a text element be centered vertically past the first line?
Is it possible to create elements with negative width or height values?
How do I upgrade my app to the responsive design system?
When I upgrade my app to the responsive design system, will it upgrade all pages and all versions?
Why is there "\n" instead of a new line in my text?
Why does a thin white line appear under an element when I try to center text vertically?
Why is my text not rendering correctly when the page is loaded?
Why am I getting pop-ups about entering my password and email, or autofilling my email when trying to type in a text input in the editor?
Why is the formatting of a repeating group altered when the repeating group has a scrollbar?
Why is my custom font unable to load?
Why does the hover state on some elements lag for fast cursor movements?
Why doesn't a Drag/Drop Group placed in a nested Repeating Group trigger auto-scroll when dragged to end of group?
How can I set my elements to fill 100% of the viewport height (vh)?
Is it possible to submit a Multiline Input form when a user presses the "Enter" key?
Why do I see a different HTML tag when inspecting a text element in the browser console than what's set within the property editor?
How do I troubleshoot buttons not working in Bubble?
How do I set up, troubleshoot, and optimize repeating groups in Bubble?
Why am I getting a "This app is a free plan and should have a Bubble banner..." message when previewing application/template?
Do Safari & iOS handle dynamic images the same as Chrome?
Why can't I change a repeating group's data source with a condition that references the RG's data source?
Why does an element with on-click workflow set to "not clickable" in the property editor still show the accessibility outline?