Topic: Input outline through input label

Kevin priority asked 1 year ago


Good afternoon,

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

Best regards Kevin


Kamila Pieńkowska staff answered 1 year ago


Kevin priority answered 1 year ago


Can you please check it?


Kevin priority answered 1 year ago


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

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


Kamila Pieńkowska staff answered 1 year 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 priority answered 1 year 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?


Kamila Pieńkowska staff answered 1 year 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 priority answered 1 year 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?


Kamila Pieńkowska staff answered 1 year 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 priority commented 1 year 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?



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: Priority
  • 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