Forum Academy Marketplace Showcase Pricing Features

Popup always scrolls to input field

I have a Popup for each Project object type in my app, which is meant to show a photo gallery, with the photos at the top. At the bottom of the Popup is an Input field for adding comments.

When I open a Project Popup I expect the Popup to stay at the top, so I can see the photos, however on both Desktop and Mobile, the Pop-up initially open at the top, then immediately scrolls down to the Input, which seems to be focussed.

Is there some way to force the Pop-up to stay at the top?

Video of isssue here.

I would use Scroll To action, but since the Element I want to view is in a Reusuable Element, which is viewed in a Popup - I don’t seem to be able to reference it.

Do you have a process that “Focus on input” when popup open?
Did you try to add scroll to directly to popup (When popup open…)

There is no Focus on Input.

Problem is I have to run the Workflow on the Resuable Element itself, which is in the Popup, so I can’t refer the Popup opening itself as the trigger, as I can’t reference it from the Reusable element.

So I found this 'Do When CustomDefinition is Visible" and set it to run every time. I thought it had done the trick, but somehow the first few times I open a Popup it will now Scroll to the Featured Image, but after maybe the 3rd click, it starts scrolling again to the Input (which is Focussed).

See video of this.

Is the input a plugin?
The main issue I can see here is the “auto” focus on input.

Nope - it’s a normal Multiline input. There is definitely no Focus being triggered either.

This seems to be a Bubble issue: Autofocus Input Do NOT Do

The solution in that thread is a visual hack (remove the focus styling) and would not help me.

It seems my Hack above - to Scroll to the Featured Image, works a few times, then Bubble takes over and starts scrolling back to the “focussed” Multiline Input.

OK, this is a bit bonkers, but on Desktop I can solve the issue but putting a 1x1 pixel Multiline Input underneath the Featured Image that I actually want to see. Then my Feature image is always in focus because it is Scrolled too, either because of the Workflow, or because the desktop will scroll to the Input.

It breaks the layout on mobile though, so isn’t a solution.

At what point is something considered a Bubble bug?

I contacted Bubble support, and they confirmed this is expected behaviour. :confused:

The person who replied to me said they had put in a feature request to make this behaviour optional, but I can’t imagine my request will be anywhere near the top of the pile of work-to-do. :pensive: