Scrollbar appearing in Popup – how to remove it?

I have a popup that contains a form (inputs, multiline input, image uploader, buttons). Even though the content fits properly, a vertical scrollbar appears inside the pop-up.

I want the popup to stay fixed without showing any scrollbar.

What I’ve checked/tried:

  • Popup height seems sufficient
  • Scrollable option behavior is unclear

Has anyone faced this issue before?
What’s the best way to completely remove the scrollbar from a popup in Bubble?

Screenshot attached for reference.

Thanks in advance :raising_hands:

1 Like

@rjayaddimalik This usually happens because something inside the popup is taller than the popup by a few pixels (often padding, margins, or hidden elements).

Quick checks/fixes:

  • Select the Popup → uncheck “This element is scrollable”

  • Check inner groups/repeating groups and turn off “This element is scrollable” there too

  • Watch for extra padding/margins (especially image uploader + multiline input)

  • Make sure no element has min height or conditional height change

  • If using responsive mode, ensure no element pushes beyond popup height

One hidden scrollable group inside the popup is usually the culprit.

Let me know if it works.

Sam

@rjayaddimalik You can try setting the popup’s “This element is fixed width/height” option and make sure “Make this element scrollable” is unchecked. Also, check if any group inside the popup is set to “Fit content” with a max height sometimes inner groups force a scrollbar even if the popup itself fits.

Resolved :white_check_mark:
Thanks everyone for your help! I’ve resolved the issue.
The problem was caused by a Floating Group that was set to “Beneath the page.” Once I fixed that setting, everything worked as expected.

Appreciate the support! :raising_hands:

1 Like