search

nextui-org / nextui

🚀 Beautiful, fast and modern React UI library.
https://nextui.org
MIT License
20.79k stars 1.29k forks source link

[BUG] - Input and dropdown are not having the styles as shown in the documentation #2037

Closed DarkWolff71 closed 15 hours ago

DarkWolff71 commented 8 months ago

NextUI Version

2.2.9

Describe the bug

The styles of dropdown and input components are broken and are not as shown in the documentation. Also, tried with the template provided (https://github.com/nextui-org/next-app-template), but still facing the same issue.

Versions: node - v18.17.0 tailwind CSS - 3.3.5 framer motion - 10.16.4

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

  1. npx create-next-app my-app -e https://github.com/nextui-org/next-app-template
  2. cd my-app
  3. yarn

  4. Add the following snippet to page.tsx:

    New file Copy link Edit file Delete file
  5. yarn dev

Expected behavior

The expected behavior should be as shown in the documentation

Screenshots or Videos

InputBroken As shown in the image, the input and the dropdown within the red box have broken styles.

Operating System Version

Windows 10

Browser

Chrome

tom-ai commented 6 months ago

Same here! Currently adding style={{ backgroundColor: "transparent" }} to the component to display properly

wingkwong commented 15 hours ago

Closing - no reproducible. The styles from the screenshots looks like you missed this step.