flowbite-svelte icon indicating copy to clipboard operation
flowbite-svelte copied to clipboard

Cannot effect the height of a tab item

Open evancaldwell opened this issue 11 months ago • 4 comments

Describe the bug

When using the Flowbite-svelte tabs component I want to set the height of the tab item to "h-full" but there is a <div> element between the <div> that applies the 'contentClass' and my content within the tab item. So even if I set the 'contentClass' to "h-full" and my content to "h-full", my content never goes full height because there is no way to style the <div> in between.

Reproduction

https://stackblitz.com/edit/flowbite-tab-item-height-issue?file=src%2Froutes%2F%2Bpage.svelte

Flowbite version and System Info

System:
    OS: macOS 13.5.2
    CPU: (10) arm64 Apple M1 Pro
    Memory: 55.45 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.8.1 - ~/.volta/tools/image/node/20.8.1/bin/node
    Yarn: 1.22.19 - ~/.volta/tools/image/yarn/1.22.19/bin/yarn
    npm: 10.1.0 - ~/.volta/tools/image/npm/10.1.0/bin/npm
  Browsers:
    Chrome: 122.0.6261.94
    Safari: 16.6
  npmPackages:
    flowbite-svelte: ^0.44.19 => 0.44.19
    svelte: ^4.0.5 => 4.2.1
    vite: ^4.4.5 => 4.4.10

evancaldwell avatar Mar 04 '24 07:03 evancaldwell

flowbit_tabitem_issue

evancaldwell avatar Mar 04 '24 07:03 evancaldwell

This issue was solved in flowbite-react here: https://github.com/SophanySC/flowbite-react-sophany/commit/d40614ff36acd992f4267fe8374d72221a8d8134

evancaldwell avatar Mar 04 '24 21:03 evancaldwell

This Tabs bug should be fixed soon please.

TimKieu avatar Jun 26 '24 06:06 TimKieu

Any update ?

KelvinSan avatar Sep 03 '24 16:09 KelvinSan

I added divClass and a new version v0.46.16 is released.

shinokada avatar Sep 04 '24 05:09 shinokada