lumapps / lumX

The first responsive front-end framework based on Angular & Google Material Design specifications

Home Page:https://ui.lumapps.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 :-)