Skip to content

MUI's Select component's label has some alignment issues when used statically #171

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.

Sign up for GitHub

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

Jump to bottom
Open
brionmario opened this issue Oct 24, 2023 · 1 comment
Open

MUI's Select component's label has some alignment issues when used statically #171

brionmario opened this issue Oct 24, 2023 · 1 comment
Assignees
@brionmario
Labels
bug Something isn't working package:react Issues/PRs related to the `@oxygen-ui/react` package.

Comments

@brionmario
Copy link
Member

Describe the issue:

Oxygen UI doesn't use MUI's default animated label styles, rather prefers static labels.
However, there seems to be an issue when wrapping the Select component.

Screenshot 2023-10-24 at 15 29 51

How to reproduce:

  • Use the Select component with a label.

Expected behavior:

Static label should appear on top of the Select dropdon.

Environment information (Please complete the following information; remove any unnecessary fields) :

  • Affected Package: @oxygen-ui/react
  • Library Version: 1.5.1
  • OS: Mac
  • Browser: Google Chrome
@brionmario brionmario added the bug Something isn't working label Oct 24, 2023
@brionmario brionmario self-assigned this Oct 24, 2023
@brionmario brionmario added the package:react Issues/PRs related to the `@oxygen-ui/react` package. label Oct 24, 2023
@brionmario brionmario mentioned this issue Oct 24, 2023
Merged
8 tasks
@brionmario
Copy link
Member Author

Temp Workaround: #172

@brionmario brionmario mentioned this issue Nov 19, 2024
Closed
9 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@brionmario brionmario

Labels
bug Something isn't working package:react Issues/PRs related to the `@oxygen-ui/react` package.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(react): fix Select label margin issues brionmario/oxygen-ui
1 participant
@brionmario