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

Duplicate check icons after validation of datepicker #5237

Closed
digitalcortex opened this issue Apr 23, 2020 · 9 comments · Fixed by #5238 · May be fixed by leonyork/cognito-oauth2-demo#1
Closed

Duplicate check icons after validation of datepicker #5237

digitalcortex opened this issue Apr 23, 2020 · 9 comments · Fixed by #5238 · May be fixed by leonyork/cognito-oauth2-demo#1

Comments

@digitalcortex
Copy link

@digitalcortex digitalcortex commented Apr 23, 2020

Describe the bug

Duplicate check icons after validation of datepicker

Steps to reproduce the bug

  1. Add datepicker
  2. Setup validation

Expected behavior

There should be only 1 validation check icon inside datepicker field.

Versions

Libraries:

  • BootstrapVue: 2.12.0
  • Bootstrap: 4.4.1
  • Vue: 2.6.11

Environment:

  • Device: Mac
  • OS: macOS Mojave
  • Browser: Brave
  • Version: Version 1.4.96 Chromium: 80.0.3987.132 (Official Build) (64-bit)

Screenshot

validation

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Apr 23, 2020

It sounds like you might not be including BootstrapVue's custom CSS after Bootstrap v4.4 CSS

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Apr 23, 2020

Actually this does appear to be a bug in the custom SCSS

@digitalcortex
Copy link
Author

@digitalcortex digitalcortex commented Apr 23, 2020

Glad I could help

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Apr 28, 2020

BootstrapVue v2.13.0 has been released

@jongbonga
Copy link

@jongbonga jongbonga commented Apr 29, 2020

I updated but still have the duplicate validation issue

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Apr 29, 2020

@jongbonga Make sure you are using the latest BootstrapVue CSS (and that it is imported after Bootstrap v4.4 CSS)

@jongbonga
Copy link

@jongbonga jongbonga commented Apr 29, 2020

package.json

"bootstrap-vue": "2.13.0"

main.js

import "bootstrap/dist/css/bootstrap.css";
import "bootstrap-vue/dist/bootstrap-vue.css";

Bootstrap v4.4.1

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Apr 29, 2020

@jongbonga you might need to clear your package/yarn lock cache

If using yarn, try yarn upgrade

Or remove package.lock or yarn.lock and re run yarn install

@jongbonga
Copy link

@jongbonga jongbonga commented Apr 30, 2020

I just found my problem, I had a bad dream about it.
My custom css was importing bootstrap.

I'm sorted now.

Thanks

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