1.0.0rc3 broken tabs
monzonj opened this issue · comments
One would expect that nested tabs work. Unfortunately it breaks
<lx-tabs >
<lx-tab lx-label="Lorem Ipsum 1">
1
</lx-tab>
<lx-tab lx-label="Lorem Ipsum 2">
<lx-tabs >
<lx-tab lx-label="Lorem Ipsum A">
A
</lx-tab>
<lx-tab lx-label="Lorem Ipsum B">
A
</lx-tab>
<lx-tab lx-label="Lorem Ipsum C">
C
</lx-tab>
</lx-tabs>
</lx-tab>
<lx-tab lx-label="Lorem Ipsum 3">
3
</lx-tab>
</lx-tabs>
If you witch to the middle tab (Lorem Ipsum 2) and check the nested tabs, they aren't switching properly
https://jsfiddle.net/j3L0u0d1/2/
Tab C seems to activate B1 instead of C.
For the time, nested tabs are not supported. We keep the idea as an enhancement :-)