Application Builder unresponsive/freezing when editing Iframe code

Application Builder
1

Hi everyone,

I’m running into a persistent issue with the Application Builder (Saas) where the interface repeatedly freezes and becomes completely unresponsive.

This specifically happens when I have an Iframe element in the layout, and I am attempting to type code into the configuration box. It has reached a point where I’ve been trying to enter the same snippet for two days, but the UI locks up almost immediately. Even copying code from Notepad and pasting it into the block locks everything up.

Steps I’ve already taken:

  • Closed and restarted the browser multiple times.

  • Cleared browser cache.

  • Rebooted my entire computer.

  • Tested in different browser windows.

The freezing persists across all these attempts. Is anyone else experiencing lag or total unresponsiveness when working with Iframes or custom code blocks in the builder?

Any advice on a workaround or confirmation if this is a known bug would be greatly appreciated!

2

The code copy/pasted in an iFrame is executed immediately in the application builder. So if your codes contains an endless loop or manipulates the DOM using the window or document object, it is possible that it breaks the builder.

Depending on what you try to achieve, you can add the JavaScript code as Custom code to the application. This will only execute the code when the application is running in preview or published mode

1 Like
3

Hi everyone,

Just an update: it’s finally working now. For some reason, the freezing stopped, though I didn’t change my workflow.

For context, I wasn’t doing anything complex, just trying to place an image next to some header text at the top of my page using an Iframe. The code was very straightforward:

<img src="IMAGE LINK">
<a href="URL HERE" target="_top">PROJECT NAME</a>

On a related note, it would be a fantastic feature if Baserow had a native “Header Logo” element or the ability to group images and text in a header row, just like Baserow has on their homepage (see example)! Using an Iframe for a standard webpage-style logo/header feels like a heavy workaround for something so common, and having a native option would definitely prevent these types of freezing issues in the future!

Example:

image

Thanks for the help!

1 Like