When setting up tabs in a view they are collapsed until I resize container.

The code is taken straight from the documentation:

https://our.umbraco.com/apidocs/v8/ui/#/api/umbraco.directives.directive:umbTabsNav

markup:

<div ng-controller="My.Controller as vm">

<umb-tabs-nav
    tabs="vm.tabs"
    on-tab-change="vm.changeTab(tab)">
</umb-tabs-nav>

<umb-tab-content
    ng-repeat="tab in vm.tabs"
    ng-show="tab.active"
    tab="tab">
    <div ng-if="tab.alias === 'tabOne'">
        <div>Content of tab 1</div>
    </div>
    <div ng-if="tab.alias === 'tabTwo'">
        <div>Content of tab 2</div>
    </div>
</umb-tab-content>

Controller

(function () {
"use strict";

function Controller() {

    var vm = this;

    vm.changeTab = changeTab;

    vm.tabs = [
        {
            "alias": "tabOne",
            "label": "Tab 1",
            "active": true
        },
        {
            "alias": "tabTwo",
            "label": "Tab 2"
        }
    ];

    function changeTab(selectedTab) {
        vm.tabs.forEach(function(tab) {
            tab.active = false;
        });
        selectedTab.active = true;
    };

    eventsService.on("tab.tabChange", function(name, args){
        console.log("args", args);
    });

}

angular.module("umbraco").controller("My.Controller", Controller);
})();

/Jesper