Which generators are impacted?

• All
• HTML
• React
• Angular
• Vue
• Web components
• Power Apps

Reproduction case

• Create some DBTabs with behavior="arrows"
• Open App in a browser window that is wide enough to show all tabs
• Resize the browser window, so the width is smaller than the tabs width
• -> Arrows for scrolling the tabs are not shown

Example code:

      <DBTabs behavior="arrows">
        <DBTabList>
          <DBTabItem>A long Tab 1</DBTabItem>
          <DBTabItem>An even longer Tab 2</DBTabItem>
          <DBTabItem>A suuuuuuper long Tab 3</DBTabItem>
          <DBTabItem>And one more Tab 4</DBTabItem>
        </DBTabList>
        <DBTabPanel>Tab Panel 1</DBTabPanel>
        <DBTabPanel>Tab Panel 2</DBTabPanel>
        <DBTabPanel>Tab Panel 3</DBTabPanel>
        <DBTabPanel>Tab Panel 4</DBTabPanel>
      </DBTabs>

If the App is reloaded in a browser with small window size, then the arrows are drawn correctly.

Expected Behaviour

Arrows should be shown to allow selection of all Tabs.

Screenshots

Result of Resize with the example from above:

Result after Reload:

Browser version

Chrome

Add any other context about the problem here.

No response