search

Infineon / infineon-design-system-stencil

https://infineon.github.io/infineon-design-system-stencil/
MIT License
29 stars 8 forks source link

Line under tab not rendered in Vue 2.6 #801

Open matthiassommer opened 11 months ago

matthiassommer commented 11 months ago

Prerequisites

Can you reproduce the problem reliably? Yes

Description:

The green line under each tab is not visible and does also not appear when a tab is clicked.

Steps to Reproduce:

<ifx-tabs>
      <ifx-tab
        :header="$t('admin.manage-software-and-tools.tabs.software')"
        @ifxTabIndex="setActiveTab(TAB_SOFTWARE)"
      >
        <b-overlay :show="isLoading">
          <software-overview :tools="software" />
        </b-overlay>
      </ifx-tab>
      <ifx-tab
        :header="$t('admin.manage-software-and-tools.tabs.tools')"
        @ifxTabIndex="setActiveTab(TAB_TOOLS)"
      >
        <b-overlay :show="isLoading">
          <software-overview :tools="tools" />
        </b-overlay>
      </ifx-tab>
</ifx-tabs>

Expected Result:

Green line beneath active tab.

Actual Result: grafik

Environment Vue 2.6 "@infineon/infineon-design-system-stencil": "^20.34.5"

Firefox, Chrome

verena-ifx commented 11 months ago

There is an open PR for the Tab component. I hope we can merge that one today - maybe this will fix the issue, but we do not specifically test our components in applications using Vue 2 at the moment.