Topic: Input labels should not rely on input id
I was having an issue with input fields not being clickable and came across this thread on search.
https://mdbootstrap.com/support/form-label-does-not-go-up-on-label-click/
The label gets in the way when the input's id attribute does not match the label's for attribute. This can be very problematic when dealing with multiple input fields on same page.
In my use case for example, I have an accounts page.
The accounts page has a model for creating an account, updating an account, viewing an account, and deleting an account. Basic CRUD operations.
The create, view, and update modals will all have the same fields.. email, username, password, etc. I have three input fields now in three modals which have an email field and now require three separate id's for those inputs.
Can you make label focus rely on something else like the name attribute? which is does not need to be unqiue?
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Open
Specification of the issue
- User: Free
- Premium support: No
- Technology: MDB React
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Anna Morawska staff commented 7 years ago
Hi, mirnesc92, thank you for posting this, we will take it into consideration. Best, Ania