WIP: Complex components introduce input lag

Browser: Any (checked Chromium 138.0.7204.157 and Safari)
OS: Any (checked Windows and macOS)
URL: https://squashandmore.pl
Video: Proton Drive

Creating a complex component, that has many groups of properties, causes input lag in the builder when editing any part of that component (either properties or style settings or anything inside that specific component).

The issue seems to worsen with the number of divs or elements like nested tabs inside of the component, as well as with the number of connected properties.

This does not seem to affect other simple components or parts of the site.

Performance in the builder is normal when not using components at all.

My System Information does not show any warnings nor errors. And I do not use any plugins besides Limit Login Attempts. (Wordpress 6.8.2, Bricks 2.0).

Hi,
Thanks so much for your report, and welcome to the forum!

Does this only happen with several components on one page, or even if you only have one (extensive) component on the page?

Please provide us with the components (export) so that we can test with them.

Best regards,
timmse

1 Like

Hi,
Thanks for the response and warm greeting!

I believe that one complex component is enough for the input lag to start appearing. However it is only visible for me inside said component. Other elements (or simple components if there are any) of the website work just fine.

Here are two components that I encounter input lag with, as well as CSS variables if they will be needed.

Thanks so much for the component and sorry for the late reply. I can replicate the issue and created an internal task for our developers.

1 Like

Has there been any further progress on this? I have noticed the same as well as some components structure panels breaking if too much complexity is introduced, I have attached a video showcasing this

Not yet, unfortunately. The task is still in progress, and we’ll let you know here once it’s fixed.

1 Like