Input-Group with input-type submit


Topic: Input-Group with "input-type submit"

Joachim Kumpa pro premium priority asked a week ago

Expected behavior

Actual behavior*_Two "input Type=submit" with diffrent behavior.The diffrent is "class=input-group".What can I do so that the two input get the same look?_*Resources (screenshots, code snippets etc.)

a test snippet here: https://mdbootstrap.com/snippets/standard/kumpa/6441771


Kamila Pieńkowska staff answered a week ago

The input-group class is not supposed to be used on actual input but on the parent div. Example in the documentation: https://mdbootstrap.com/docs/standard/forms/input-group/#section-button-addons


Joachim Kumpa pro premium priority commented a week ago

Thanks... but when i use input without input-group it has the same effect. The button is not that high and the corners are not rounded. I can help myself with additional CSS styles, but I thought bootstrap had a simple solution.


Joachim Kumpa pro premium priority answered a week ago

Thanks... but when i use input without input-group it has the same effect. The button is not that high and the corners are not rounded. I can help myself with additional CSS styles, but I thought bootstrap had a simple solution.


Kamila Pieńkowska staff commented a week ago

You can add lh-base class to the shorter input.


Joachim Kumpa pro premium priority commented a week ago

Thanks ... but with lh-base rounded is missing. My solution is now class="... rounded" with style="height:2.375rem"


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
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 9.0.0
  • Device: Desktop
  • Browser: Firefoy, Edge
  • OS: W11
  • Provided sample code: No
  • Provided link: Yes