Tabs switches on the first tab on editing

[dan-dazlab]

Environment

https://stackblitz.com/edit/github-aifdn3x5-dyczgg5i

Reproduction

https://stackblitz.com/edit/github-aifdn3x5-dyczgg5i

Describe the bug

• create tabs
• add CMS Action button on the second tab
• change initial state of CMS Action Button

Tabs will be reseted to the first one.
Expected: Tab2 should be selected as on element editing.

Additional context

No response

Logs

[adamberecz]

This isn't an issue with the builder as the behavior only present when dealing with our custom element and not built-in elements.

The props$.builder$.preview$.form$.clear() on ButtonStyleModal.vue line 121 is the cause. If you comment that out, it will stop reseting the tab to the first one.

[dan-dazlab]

@adamberecz How to handle it properly then?
Why does the preview form clear effect on builder tabs state?

[adamberecz]

The clear method also resets the form to the default state, which for tabs/steps means they will be set to first visible tab.

You should just remove the clear call on line 121 and you should be good to go.