Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug: The label for the select element is not displayed in a single line but is instead stacked in a multi-language environment. #3360

Open
chaocwu opened this issue Jan 3, 2025 · 2 comments
Labels

Comments

@chaocwu
Copy link

chaocwu commented Jan 3, 2025

What version of daisyUI are you using?

V5

Which browsers are you seeing the problem on?

Edge

Reproduction URL

https://play.tailwindcss.com/qsRJMH8WxX

Describe your issue

image

    <div className="h-screen flex justify-center items-center gap-4">
      <label className="select">
        <span className="label">问题类型</span>
        <select>
          <option>产品缺陷</option>
          <option>脚本问题</option>
        </select>
      </label>
      <label className="select">
        <span className="label">IssueType</span>
        <select>
          <option>Bug</option>
          <option>Script</option>
        </select>
      </label>
    </div>
Copy link

github-actions bot commented Jan 3, 2025

Thank you @chaocwu for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

@saadeghi
Copy link
Owner

saadeghi commented Jan 3, 2025

Thanks for reporting.
It will be fixed in the next beta version.

Until then as a temporary fix, add whitespace-nowrap class.
https://play.tailwindcss.com/sEMd1l5LWc

@saadeghi saadeghi added the v5 label Jan 3, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants