Tabs Test: Nested Tabs

A bug was reported where a nested Tabs Control was having issues activating one of its tabs due to being hidden. This test attempts to demonstrate Nested Tabs Controls working correctly. Clicking a "nested" tab shows a blue ID in the Toast, while clicking a top-level tab shows a red ID.

NOTE: The nested tabs don't show a Toast when they're activated because the "activate" event is stopped from bubbling once it reaches a ".tab-container" element.

Tab #1

This is a Main Tab.

Tab #2

This is a Main Tab. Below is a set of child tabs.

Tab #3

This is a Child Tab

Tab #4

This is a Child Tab