Input outline through input label


Topic: Input outline through input label

Kevin pro premium priority asked 2 years ago

Good afternoon,

how can I prevent the outline from running through the label.

Best regards Kevin


kpienkowska staff answered 2 years ago

You need to update the label width. Link to an example in the documentation: https://mdbootstrap.com/docs/standard/forms/input-fields/#section-update


Kevin pro premium priority commented 2 years ago

I put the script at the end of my code but it still doesn't work. Is it a problem that the form is inside an accordion?


Kevin pro premium priority answered 2 years ago

I put the script at the end of my code but it still doesn't work. Is it a problem that the form is inside an accordion?


kpienkowska staff answered 2 years ago

It shouldn't be the cause. This method should solve this problem.

Can you recreate your problem in the snippet? It will help to determine whether it is local problem, user error, or an actual bug in our package.


Kevin pro premium priority answered 2 years ago

When I try this in the snippet editor, it works, but it still doesn't work in my code. When should I load the script? After the DOM loading or after the opening of the accordion?


kpienkowska staff answered 2 years ago

Have you tried it in the snippet inside the accordion? If that is the case and it works there well but doesn't work locally then make sure your code is executing.


Kevin pro premium priority answered 2 years ago

I created a new snippet with more content and you can see the problem there.

https://mdbootstrap.com/snippets/standard/max16/4844503


Kevin pro premium priority answered 2 years ago

Can you please check it?


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 6.1.0
  • Device: Computer
  • Browser: Firefox
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: No