Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error msg doesn't show up with Bootstrap4 #67

Open
Joey33 opened this issue Apr 25, 2021 · 1 comment
Open

Error msg doesn't show up with Bootstrap4 #67

Joey33 opened this issue Apr 25, 2021 · 1 comment

Comments

@Joey33
Copy link

Joey33 commented Apr 25, 2021

With bootstrap4 when client validation fails the <div class="invalid-feedback">error msg contens</div> is still hidden. The problem is that input element is wrapped in <div class="iti iti--allow-dropdown"> parent. When moving the error msg div into the same common parent, it shows up. Then you only have to reposition <div class="iti__flag-container"> so that it stays intact when error shows up. That's how I temporarily solved it. Just to let others know in case they run into the same issue.

@Matvik
Copy link

Matvik commented Jan 31, 2022

With bootstrap4 when client validation fails the <div class="invalid-feedback">error msg contens</div> is still hidden. The problem is that input element is wrapped in <div class="iti iti--allow-dropdown"> parent. When moving the error msg div into the same common parent, it shows up. Then you only have to reposition <div class="iti__flag-container"> so that it stays intact when error shows up. That's how I temporarily solved it. Just to let others know in case they run into the same issue.

Can you provide usage code for this scenario? How to move error div inside plugin?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants