Topic: Button is not shown in block when <Input> is selected

Hennikoe free asked 5 years ago


<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"


Hennikoe free answered 5 years ago


<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 commented 5 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 commented 5 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



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: Yes
  • Provided link: Yes