x-if doesnt seem to work on the first element
Opened this issue · 0 comments
xtfer commented
The following should only show the third step, but always shows the first step. The second step is skipped.
<div x-data="{ errors: true }">
<div x-wizard:step x-wizard:if="errors == false">
First
<x-buttons.standard-a @click="$wizard.forward()"
::disabled="$wizard.cannotGoForward()"
x-show="$wizard.isNotLast()">Confirm & continue...</x-buttons.standard-a>
</div>
<div x-wizard:step x-wizard:if="errors == false">
Second
<x-buttons.standard-a @click="$wizard.forward()"
::disabled="$wizard.cannotGoForward()"
x-show="$wizard.isNotLast()">Confirm & continue...</x-buttons.standard-a>
</div>
<div x-wizard:step>
Third
</div>
</div>