TABS, PILL TABS, first tab/pill don't showing content when page is loaded

[mlukac89]

When you open page UI Elements -> Cards i see TABS are not showing content until you click on other and back on first, same for pills.

Possible fix : ( worked for me )

<script type="text/javascript"> $(document).ready(function(){ $('.nav-item').tab('show'); $('.nav-tabs li a:first').trigger('click'); }); </script>

[modularcoder]

@mlukac89 thanks for the report

[dkmatthew]

Hi! The same problem in modal window at /item-editor.html. Tabs not display content while you click on other and back to first. How to fix this? Script from first comment works only with "Basic Tabs" and not working with "Pill Tabs" and tabs from modal window

[m10241]

Alright, we only need to add "show" class to the elements in src/app/ui-elements/cards/tabs/(basic-tabs.hbs | pill-tabs.hbs):26

<div class="tab-pane fade in active show" id="home-pills">

worked for me!