Skip to content

Flex-wrap changes tag styles #1919

@alexander-kohler

Description

@alexander-kohler

Description

When not using flex-wrap i get overflow:
Image

When i use flex-wrap the tag styles change:

Image

Minimal Reproduction

<Tags bind:value={formData.tags} />

<Tags class="flex-wrap" bind:value={formData.tags} />

Steps to Reproduce

  1. Follow Quickstart steps
  2. add flex-wrap to

Environment

System:
    OS: macOS 15.6.1
    CPU: (8) arm64 Apple M2
    Memory: 255.30 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.17.0 - /opt/homebrew/opt/node@22/bin/node
    npm: 10.9.2 - /opt/homebrew/opt/node@22/bin/npm
  Browsers:
    Brave Browser: 137.1.79.119
    Chrome: 144.0.7559.97
    Safari: 18.6
  npmPackages:
    @sveltejs/kit: ^2.48.5 => 2.50.1 
    flowbite: ^4.0.1 => 4.0.1 
    flowbite-svelte: ^1.31.0 => 1.31.0 
    svelte: ^5.43.8 => 5.43.14 
    vite: ^7.2.2 => 7.2.4

Relevant Logs / Console Output

Screenshots / GIF (optional)

No response

Additional Context (optional)

No response

Checklist

  • I have searched existing issues and discussions
  • I have provided a minimal and runnable reproduction
  • I am using the latest version of Flowbite-Svelte

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions