Topic: Overlapping labels

menso free asked 5 years ago


Expected behavior

When placing three inputs below each other with labels, each label will show next to its corresponding input.

Actual behavior all the labels over lap in the same location

Resources (screenshots, code snippets etc.)

Simple lines below will reproduce:

    <input type="text" id="remote">
    <label for="remote">Remote server address</label>
    <br/>
    <input type="text" id="options">
    <label for="options">OpenVPN connection options</label>
    <br/>
    <input type="text" id="ca">
    <label for="options">CA Certificate</label>

Marta Wierzbicka staff answered 5 years ago


Hi,

I reproduced your code and it looks fine: https://mdbootstrap.com/snippets/jquery/marta-szymanska/655428?view=project. If you want to show me a problem with material inputs, please, create a snippet showing the problem here: https://mdbootstrap.com/snippets/.

Best, Marta



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: MDB jQuery
  • MDB Version: 4.7.6
  • Device: any
  • Browser: any
  • OS: any
  • Provided sample code: No
  • Provided link: No
Tags