pine prism
im trying to use ha-expansion-panel for my cards gui config editor and when i stick paper-tabs into it, the initial selection isnt set. i have the same component directly next to the expansion panel and it works correctly:
@state() private _selectedTabConfigurationTab = 0;
<ha-expansion-panel outlined>
<div slot="header">Global Tab Configuration</div>
<div class="toolbar">
<paper-tabs
id="tab-config-editor"
.selected=${this._selectedTabConfigurationTab}
@iron-activate=${this._handleSelectedTab}
>
<paper-tab>Attributes</paper-tab>
<paper-tab>Styles</paper-tab>
</paper-tabs>
</div>
</div>
</ha-expansion-panel>
<div class="toolbar">
<paper-tabs
id="tab-config-editor"
.selected=${this._selectedTabConfigurationTab}
@iron-activate=${this._handleSelectedTab}
>
<paper-tab>Attributes</paper-tab>
<paper-tab>Styles</paper-tab>
</paper-tabs>
</div>
in the second picture you can see that if i manually select the second tab it functions fine.
