Overlay and iFrame flicker on updating props values

Created on 10 December 2024, 3 months ago

Overview

When updating the props values of a component there are several frames rendered while the preview updates that show a) the ComponentOverlay in the wrong position and b) the vertical scrollbar of the preview iFrame.

These frames only appear for a fraction of a second but give the preview a 'flickering' appearance that isn't great!

See attached video → .

Proposed resolution

User interface changes

🐛 Bug report

Status

Active

Version

0.0

Component

Page builder

Created by

🇬🇧United Kingdom jessebaker

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @jessebaker
Comment 5 days ago →
🇬🇧United Kingdom jessebaker
Since the original video was recorded the frequency and severity of this flickering has been reduced through other work being merged in.

I'm still, on occasion able to see a single frame flash of grey when updating props (particularly if the page is long and I'm editing something towards the bottom)

It appears that it's possible for the current iframe to be hidden before the replacement iframe has rendered thus showing a single frame with neither iframe visible:

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024