Topic: Radio input label within mobile stepper

itsme priority asked 1 year ago

Expected behavior The label should be inline with the radio button on mobile stepper.

Actual behavior I know that this mobile stepper is centering the text and elements. I was not able to align the radio button with the label. If the text is longer than the line, the radio button is one line above the label text. Is there a workaround or a better solution to fix the problem? It's only an issue on smaller screens.

Resources (screenshots, code snippets etc.)

Kamila Pieńkowska staff answered 1 year ago

You can get expected result without any additional CSS. All you need to do is put your input inside label. I've modified your example to demonstrate that.

Kamila Pieńkowska staff answered 1 year ago

This was not mistake in the documentation but a workaround component bug. It was suppose to work with your initial code. We are going to fix this in the next releases.

itsme priority answered 1 year ago

Thanks for the help. Maybe you could update your documentation , too? Because I just copied the code from there.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 4.1.0
  • Device: Desktop Pc
  • Browser: Firefox
  • OS: Linux
  • Provided sample code: No
  • Provided link: Yes