Skip to content

Forced block style in dropdown with outline set to true #621

@Dawid55a

Description

@Dawid55a

Describe the bug
When you apply outline to Dropdown component, it is showing with different formatting than expected. After investigation, it is happening because of !block class.

To Reproduce
Steps to reproduce the behavior:

  1. Use Dropdown component from flowbite-react
  2. Set outline={true}
  3. The arrow is now under the text
    obraz

Expected behavior
Component should look like this
obraz
I removed !block style to achieve this

System information:

  • Device: Desktop PC
  • Resolution: 2560 x 1440
  • OS: Windows
  • Browser: Firefox
  • Version: 110

Project information:

  • Tailwind: 3.2.7
  • Flowbite: 1.6.3
  • Flowbite React: 0.3.8
  • Type: NextJS

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions