Issue with mwc-tab-bar

[stephenmichaelf]

I've got a minimal repro of an issue with mwc-tab-bar.

Specifically - if you have an mwc-textfield with the outlined attribute, and it's not on the first tab (the one that is visibile to start), then the label doesn't show.

Example:

First Tab

Second Tab

Code

<div>
                <mwc-tab-bar class="nav nav-tabs" role="tablist">
                    <mwc-tab id="home-tab-bar" label="Home" data-bs-toggle="tab" data-bs-target="#home-bar" role="tab" aria-controls="home-bar" aria-selected="true" dir="" class="active" active=""></mwc-tab>
                    <mwc-tab id="profile-tab-bar" label="Profile" data-bs-toggle="tab" data-bs-target="#profile-bar" role="tab" aria-controls="profile-bar" aria-selected="false" dir="" class=""></mwc-tab>
                </mwc-tab-bar>
                <div class="tab-content border border-top-0 p-3" id="myTabBarContent">
                    <div class="tab-pane fade active show" id="home-bar" role="tabpanel" aria-labelledby="home-bar-tab">
                        <mwc-textfield class="w-100" label="My Label" outlined value="100"></mwc-textfield>
                        <br><br>
                        <mwc-textfield class="w-100" label="My Label" outlined></mwc-textfield>
                    </div>
                    <div class="tab-pane fade" id="profile-bar" role="tabpanel" aria-labelledby="profile-bar-tab">
                        <mwc-textfield class="w-100" label="My Label" value="100" outlined></mwc-textfield>
                        <br><br>
                        <mwc-textfield class="w-100" label="My Label" outlined></mwc-textfield>
                    </div>
                </div>
            </div>

[davidtmiller]

We will work on replicating this and report back, thanks!