WAIT: If using multiple instances of a section template on the same page that the original was created on, clicking on any instance in the builder scrolls the window only to the original section

[castria]

Browser: Firefox Developer Edition 124.0b9 (64-bit), Brave v1.63.169 (64-bit)
OS: Windows 10
Video: https://youtu.be/bxpBl8VpR0w

I created a section on a page in Bricks. I was showing my how to create a reusable template from an existing section, using this section.

We noticed that when multiple instances of that template are added to the page, when clicking on any instance of that section in the right side bar, the main canvas would always scroll to the original section that the template was made from instead of the one that was clicked on. It didn’t happen to any instance that was added as an uneditable “Template” element.

Refreshing the page didn’t help and it was noticed on both Firefox and Brave.

[timmse]

Hi castria,
Welcome to the forum!

I’m not sure how to reproduce the problem, but I think this is the source of the problem:

DUPLICATE: Same IDs in elements when duplicating a template

Browser: Brave OS: Windows URL: No URL Hello I noticed that, when duplicating a template, the elements inside the duplicated template maintain the same IDs as the original template. I consider this a bug because if the user doesn’t noticed it and leaves this unchanged, it would mean repeated IDs inside the same page, which goes against HTML specifications. Also, this behaviour can result in unexpected issues when styling the ID level. For example: I created a popup and realized that …

https://forum.bricksbuilder.io/t/duplicate-the-problem-of-importing-templates-elements-id/19124/3

In other words, it depends on how you created the template. You can also show me the steps in a new video (with sound please) so I can be sure it is the same problem.

Best regards,
timmse

[Wingtracer]

Hey there. Just noticed the same thing on my site. I saved the template from a builder on a page, save as template. Then, using that, from there forward, there are duplicate IDs on a page when used twice on a page. Incorrect HTML syntax for sure. Is the solution to create a new template from Bricks, not “save as template”, and then use it? Please outline the solution for us such that a template used on the same page with not result in a duplicated ID of the wrapper.

I just tried rebuilding an already created the template by copying all, pasting, and deleting the original blocks. Then reinserting that template into the pages it was used on (other template pages).That did not solve the issue.

I then recreated a brand new section template from scratch. Pasted in the elements from the other template. Used it twice on the same page as a bricks template element. Same issue. Both have the same ID.

[timmse]

Hi @Wingtracer ,
Unfortunately, I cannot reproduce the issue. Would you be so kind as to provide a live link and a screencast using https://jam.dev showing and explaining what’s happening? Thanks!