Order of Tab Contents Defined in Template Not Preserved

[mcwagner]

It appears when you add the component to modal that it gets re-rendered upon additional clicks of displaying the modal. The generated IDs change so that the order of the tabs and list elements are not retained as defined in the template. Is there a workaround for this occurrence?

On first open:

After closing and re-opening:

[AlexH-HankIT]

Same problem here.

[wendellpbarreto]

I'm having this issue too

[ghost]

Same issue when using one of the examples ... nice module.. can't be used like this.

[danwalker-caci]

So far I have had success using vue's keep-alive. I do not reset the component and it maintains the order if I close and re-open wizard.

[danwalker-caci]

So the keep-alive appeared to work a few times and now it's not. Makes it less desirable to use.

[BRafols]

I don't think that has to do with our library. Does the modal you are using get hidden or recreated when you open/close it?

[tutuca]

I'm having this problem without a modal:

<form-wizard>
    <tab-content title="1 Customize">
       ...
    </tab-content>
    <tab-content title="2 Schedule">
     ...
    </tab-content>
    <tab-content title="3 Preview">
     ...
    </tab-content>
</form-wizard>

gets rendered like this: