Skip to content

Cannot use color inputs in b-dropdown with Chrome #4344

@edtownend

Description

@edtownend

Hi, first, thanks for a great package! We've got a color input inside a b-dropdown that has stopped working in Chrome since updating to the 2.0.x version. The reason appears to be that Chrome's colour picker opens a new window, which triggers a loss of focus to the dropdown and it, therefore, closes before the user can

Steps to reproduce the bug

  1. Go to the JSFiddle example
  2. Click on 'Dropdown'
  3. Click the color input
  4. Choose a color
  5. The chosen colour will not be reflected next to 'selected color:' or if you reopen the drodown

Expected behavior

The dropdown should remain open while the user chooses a colour.

Versions

Libraries:

  • BootstrapVue: 2.0.4#
  • Bootstrap: 4.3.1
  • Vue: 2.6.10

Environment:

  • Device: Mac
  • OS: 10.14.6
  • Browser: Chrome
  • Version: 78

Demo link

https://jsfiddle.net/1xkv45nh/

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions