TabSet display: none for not active pane blocks any modal to be visible

[adurmus]

<tabset>
<tab class="active">
 <modal1> <modal1>
</tab>
<tab >
<modal2> <modal2>
</tab>
</tabset>

if you have some components that is in tabs that are not active then those modalsv(modal2 in the above example) cannot be used. Backdrop works but the modal is not visible as the following in place.

.tab-content > .tab-pane {
  display: none;
}

Is there any way to avoid this issue other than moving all components outside of tab?