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

Required asterisk is in the wrong place when labelPosition is "start", "top", or "bottom" #37281

Closed
2 tasks done
mgprieto-soincon opened this issue May 15, 2023 · 3 comments · Fixed by qburst/material-ui-6#1 or #37831
Closed
2 tasks done
Labels
bug 🐛 Something doesn't work component: FormControl The React component

Comments

@mgprieto-soincon
Copy link

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Steps to reproduce 🕹

Link to live example:

https://codesandbox.io/s/exciting-feather-0d0e2o?file=/demo.tsx

Current behavior 😯

Asterisk is in the wrong place when labelPosition is "start", "top" or "bottom"
image

Expected behavior 🤔

The asterisk must be after the label text, regardless of the label position

Context 🔦

Can be related with this issue

Your environment 🌎

npx @mui/envinfo
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

System:
OS: Windows 10 10.0.22621
Binaries:
Node: 14.18.1 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.11 - ~\AppData\Roaming\npm\yarn.CMD
npm: 8.12.1 - C:\Program Files\nodejs\npm.CMD
Browsers:
Chrome: Not Found
Edge: Spartan (44.22621.1555.0), Chromium (113.0.1774.42)
npmPackages:
@emotion/react: ^11.10.4 => 11.10.4
@emotion/styled: ^11.10.4 => 11.10.4
@mui/base: 5.0.0-alpha.128
@mui/core-downloads-tracker: 5.12.3
@mui/icons-material: ^5.11.16 => 5.11.16
@mui/lab: ^5.0.0-alpha.129 => 5.0.0-alpha.129
@mui/material: ^5.12.3 => 5.12.3
@mui/private-theming: 5.12.3
@mui/styled-engine: 5.12.3
@mui/styled-engine-sc: ^5.12.0 => 5.12.0
@mui/styles: ^5.12.3 => 5.12.3
@mui/system: 5.12.3
@mui/types: 7.2.4
@mui/utils: 5.12.3
@mui/x-data-grid: 5.17.26
@mui/x-data-grid-pro: ^5.17.26 => 5.17.26
@mui/x-date-pickers: 5.0.20
@mui/x-date-pickers-pro: 5.0.20 => 5.0.20
@mui/x-license-pro: ^5.17.12 => 5.17.12
@types/react: 17.0.30 => 17.0.30
react: 17.0.2 => 17.0.2
react-dom: 17.0.2 => 17.0.2
styled-components: ^5.3.5 => 5.3.5
typescript: ~4.3.5 => 4.3.5

@mgprieto-soincon mgprieto-soincon added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label May 15, 2023
@mgprieto-soincon
Copy link
Author

"can i know in which page the issue occured" what to do you mean?

You can reproduce the issue at the live example link: https://codesandbox.io/s/exciting-feather-0d0e2o?file=/demo.tsx

I used the example at the switch label example an modify it to change de labelPosition to the switch: https://mui.com/material-ui/react-switch/#label

I hope the answer helps you

@navedqb
Copy link
Contributor

navedqb commented May 16, 2023

I will fix this.

@mgprieto-soincon
Copy link
Author

Thank you so much

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: FormControl The React component
Projects
None yet
4 participants