Skip to content

Selecting the same row in a table after it has already been selected results in empty items array #4453

@markhalliwell

Description

@markhalliwell

The title really summarizes the issue here. This is a really weird bug and I thought it was just my implementation, but I've since been able to reproduce with stock bootstrap-vue.

Note: clicking a different row after selecting a row doesn't produce this issue, it only happens when selecting the same row again.

Steps to reproduce the bug

  1. Create a table with selectable rows.
  2. Select a row which does something like open a modal
  3. Close modal and then select the same row
  4. Notice nothing happens
  5. Select the same row again (2nd click) and see the modal open again

Expected behavior

Selecting the same row would produce the same result each time it's selected.

Versions

Libraries:

  • BootstrapVue: 2.0.0-rc.27
  • Bootstrap: 4.4.1
  • Vue: 2.6.10

Environment:

  • Device: iMac
  • OS: macOS Catalina
  • Browser: Chrome
  • Version: 78.0.3904.108

Demo link

https://codepen.io/markcarver/pen/QWwwPPM/left/?editors=1011

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions