Bug or intended? <Tabs.Content> does not work with explicit display value (flex, block, inline-block...)

[jakobpesch]

Setting class="flex" or any other display value on the <Tabs.Content> component, the tab content always shows, independent of the value.

Here is a quick repro:
https://stackblitz.com/edit/github-bk6jdm?file=src%2Froutes%2F%2Bpage.svelte

Intended behaviour?
If this is indeed intended, maybe it is a good idea to document somewhere, that you should not do this.

[jakobpesch]

I just checked, it probably is the default html behavior independent of bits-ui.
This example from MDN behaves the same when adding a display of block.

<div class="tabs">
  <div role="tablist" aria-label="Sample Tabs">
    <button
      role="tab"
      aria-selected="true"
      aria-controls="panel-1"
      id="tab-1"
      tabindex="0">
      First Tab
    </button>
    <button
      role="tab"
      aria-selected="false"
      aria-controls="panel-2"
      id="tab-2"
      tabindex="-1">
      Second Tab
    </button>
    <button
      role="tab"
      aria-selected="false"
      aria-controls="panel-3"
      id="tab-3"
      tabindex="-1">
      Third Tab
    </button>
  </div>
  <div id="panel-1" role="tabpanel" tabindex="0" aria-labelledby="tab-1">
    <p>Content for the first panel</p>
  </div>
  <div id="panel-2" role="tabpanel" tabindex="0" aria-labelledby="tab-2" hidden>
    <p>Content for the second panel</p>
  </div>
  <div id="panel-3" role="tabpanel" tabindex="0" aria-labelledby="tab-3" hidden>
    <p>Content for the third panel</p>
  </div>
</div>