Not Opening a New Tab

Hi!

In my bubble app there are photos and texts that when the user clicks open something in the same tab.
I don’t have problem with that.

But I can’t open them in new tab (using seccondary button) because my browser doesn’t recognize the elements as having links. (In other sites, when I press secondary button/hold in case of mobile; the browser shows me ‘open in new tab’ - but in my bubble app it doesn’t happen).

What should I do?

Hi there,

Not sure if this is happening on ‘button’ elements but a solid method is to house the link in a ‘link’ element, this can mask over images or you can even create a button styled link.

Additionally you can sort of use a workflow action to open something in a new tab, there is this plugin here: Open URL In New Tab Plugin | Bubble
When I say sort of, it can get blocked by some web browsers as invasive.

Hope that helps

Thanks @luke2 for your answer!

Yes… even the button element doesn’t allow to open in a new tab if the user want.
The element that allows the user to open in a new tab is the “link” element.
It could be cool that Bubble detects when a button/text/image has a link, and allow to open in a new tab

Seems the open in new tab option in Links ia buggy and not working, despite the fact that the ahref code has the target set to _blank

and the reason why this is broken is because the ahref’s text is wrapped in a div.

Remove this and you’re good. So this is bubble’s own bug basically.

and this is made worse by the fact that links work (open in tab) when there’s only the link. Anything else and it breaks.

@toby2 So, how can I do to open in a new tab a text, image, etc? Is it possible?

So if the text link if not edited, then you’re fine.

Just wrap whatever you want into the link and it should work.

Please write an example

This topic was automatically closed after 70 days. New replies are no longer allowed.

Hi! We just shipped the ability to open a page in a new tab on our native page navigation actions. Learn more: Open in a new tab for page nav actions