invalid-feedback Bug Correction - Githubissues

djibe / material

Material Design 2 for Bootstrap 4 (active fork of Daemonite Material)

https://djibe.github.io/material/

MIT License

68 stars 11 forks source link

invalid-feedback Bug Correction #21

Closed MROALI closed 3 years ago

MROALI commented 3 years ago

Hello,

I hope that everything is great for you.

I want just to propose to add this css in the theme in order to correct the bug of using invalid-feedback. As you know the (invalid-feedback div must be present after the form element (input, textarea, etc..) in order to show the error message after form validation.)

so the behaviour is as you can see in the following image :

after adding my css it gives :

`.floating-label, .textfield-box { margin-bottom: 35px; }

.floating-label .invalid-feedback, .textfield-box .invalid-feedback { position: absolute; }`

djibe commented 3 years ago

Hi !!!

Thx for your proposal. I'll do it in the next few days. Thanks a lot for participating and keep in touch

djibe commented 3 years ago

Hi, I'm fixing it now.

djibe commented 3 years ago

Still on it, was too busy :(

MROALI commented 3 years ago

Hello, what i proposed will fix the display issue, but there is an impact on help text position. It will be a little bit (35px) far from the input, if no error found.

djibe commented 3 years ago

Hi, I promise I will fix this next week. Too much work. I've done it but I wanted to have something cleaner.

djibe commented 3 years ago

Fixed in 4.6.0-RC2