Newed UI - Enhancers

Popup Repositioner v1.18.0

Popup Repositioner allows you to reposition any popup in 9 standard predefined positions, plus 2 additional fullscreen positions. In fullscreen positions, you also get full control over the page scrollbar and can use dynamic fullscreen positioning, allowing the popup to automatically adapt to the visible screen area, improving responsiveness and usability on mobile devices.

No data collected This plugin does not collect user data.

Live demoGet plugin

Key features 6

Precise Positioning

Reposition Bubble popups using predefined positions with consistent alignment.

Fullscreen Support

Enable true fullscreen popups for immersive flows and focused user interactions.

Offset Control

Apply fine-tuned offsets for non-fullscreen positions.

Scrollbar Management

Control page scrolling when using fullscreen popups.

Native Popup Integration

Works directly with Bubble's native popup elements without breaking existing logic.

Fast & Lightweight

Designed for performance, with no impact on page load and runtime behavior.

In detail

Precise Positioning

  • 9 positioning presets covering every corner, edge and the center of the screen
  • Target a single popup by id, or every popup on the page at once
  • Custom offsets (top, bottom, left, right) to refine placement on any non-fullscreen position
  • Works directly with Bubble's native popup elements, without replacing them or breaking existing workflows

Fullscreen and Responsiveness

  • 2 fullscreen positions: standard, and dynamic for better behavior on mobile devices
  • Dynamic fullscreen adapts the popup to the visible screen area, which is what changes when the mobile browser bar appears and disappears
  • Complete control over the page scrollbar while a fullscreen popup is open

Reliable & Production-Ready

  • Built with lightweight CSS and JavaScript for fast, reliable performance
  • No workflows required: place the element, point it at the popup and the positioning is applied
  • Designed around practical use cases and real Bubble development needs
  • Tested in real-world applications before being released publicly

How to use 4

  1. 01
    Enable the option to set an ID

    In the Bubble editor, go to the tab "Settings > General > Advanced options" and check the box "Expose the option to add an ID attribute to HTML elements".

  2. 02
    Identify the target element

    Choose from all popups or a specific popup. If you choose a specific popup, set an ID for it.

    To prevent compatibility issues, avoid starting IDs with numbers or symbols. Start with letters and use hyphens or underscores if needed.

  3. 03
    Insert the plugin element anywhere on the page

    Insert the plugin element anywhere on the page and ensure it is always visible.

    In Bubble, any element-type plugin must be visible to work properly.

  4. 04
    Provide the ID and set the plugin properties as desired

    In the plugin element, provide the ID assigned to the target element (in step 2), if applicable, and set the other plugin properties according to your needs.

TARGET ELEMENT SETTINGS 2

Target type

dropdown

Sets the type of the target element. If the selected target type is "all popups", all popups on the page will be affected, therefore the ID is not required. If the selected target type is "specific popup", a valid ID must be assigned to the target popup and also provided to the plugin.

  • all popups
  • specific popup

defaultno default

Element ID

text

Provide the ID that was assigned to the target element (only if target type selected option is "specific popup").

defaultno default

optional

POSITION SETTINGS 2

Position

dropdown

Sets the position of the popup.

  • top left
  • top
  • top right
  • right
  • bottom right
  • bottom
  • bottom left
  • left
  • center
  • fullscreen
  • dynamic fullscreen

defaultno default

Dynamic fullscreen exists because of mobile browsers: the visible area changes when the address bar appears and disappears, and plain fullscreen does not follow that, so the popup gets cut. Dynamic fullscreen tracks the visible area instead of the full window height.

Remove border radius on fullscreen?

yes/no

Removes the border radius from the popup in any fullscreen position.

defaultyes

OFFSET SETTINGS 4

Top offset

number

Sets an upper offset (in pixels) for top-aligned positions (top left, top, top right).

default10

Each offset is only read by the positions that use that edge. A top offset does nothing for a bottom position, and no offset is read in either fullscreen mode, where the popup fills the whole viewport by definition.

Bottom offset

number

Sets a lower offset (in pixels) for bottom-aligned positions (bottom left, bottom, bottom right).

default10

Left offset

number

Sets a left offset (in pixels) for left-aligned positions (top left, left, bottom left).

default10

Right offset

number

Sets a right offset (in pixels) for right-aligned positions (top right, right, bottom right).

default10

SCROLLBAR SETTINGS 1

Page scrollbar mode

dropdown

Sets the page scrollbar behavior when the popup is open, but the setting needs to be manual. Use a condition in the plugin element to change this option to the desired mode when the target popup is visible.

  • default
  • hide
  • remove

defaultdefault

The scrollbar is not restored when the popup closes. The plugin has no way to know that it closed: Bubble does not expose popup visibility to a plugin element, and reading it from the DOM was tried and did not work. Change this property back to default conditionally, in the same workflow or condition that closes the popup.

FAQ 5

How does Popup Repositioner work?

Add the plugin element to the page, define whether it should target a specific popup or all popups, and select one of the available preset positions. Optional offsets (top, bottom, left, right) can be applied for fine-tuned positioning.

Does Popup Repositioner work with native Bubble popups?

Yes. Popup Repositioner works directly with Bubble's native popup elements and repositions them automatically based on the selected configuration.

Can offsets be applied to fullscreen positions?

No. Offsets are available only for non-fullscreen positions, since fullscreen popups already occupy the entire viewport.

Is it possible to control the page scrollbar when the popup is not fullscreen?

No. Scrollbar control is currently supported only for fullscreen popups. For non-fullscreen positions, the browser already manages scrolling behavior appropriately, hiding the scrollbar when needed while preserving scroll functionality.

Popup positions changed after updating to version 1.9.0. What should be done?

Starting with version 1.9.0, popup position labels were standardized. If the plugin was updated from an earlier version, existing configurations should be reviewed to ensure the intended positions are still selected.