Topic: Radio input label within mobile stepper
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.) https://mdbootstrap.com/snippets/standard/itsme/4019260#js-tab-view
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.
https://mdbootstrap.com/snippets/standard/kpienkowska/4021168
Thanks for the help. Maybe you could update your documentation , too? Because I just copied the code from there.
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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- 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