Topic: Button is not shown in block when <Input> is selected
<span class="waves-input-wrapper waves-effect waves-light">
<input class="btn btn-block btn-outline-success btn-rounded waves-effect" type="submit" value="Login">
</span>
Hi guys, if I have <input class="btn btn-block btn-outline-success btn-rounded" in my code the button is still not shown in the block.
See https://code-projects.com/users/login
"Button Login"
<span class="waves-input-wrapper waves-effect waves-light waves-effect waves-block">
<input class="btn btn-block btn-outline-success btn-rounded waves-effect" type="submit" value="Login">
</span>
That's a way I found but the wave doesn't work.
Bartłomiej Malanowski staff pro premium commented 6 years ago
Thank you for sharing the details. In my opinion, it's a bug. I've added this to our TODO list so this will be fixed soon
Bartłomiej Malanowski staff pro premium commented 6 years ago
Also, I've found that this will work when you replace input (submit) with button. Please check my snippet here: https://mdbootstrap.com/snippets/jquery/bartek-malanowski/384882
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: PC
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: Yes