Skip to content

Table headers are always added to the tab sequence even if they're not sortable #6097

@andres-ml

Description

@andres-ml

Describe the bug

As long as 1 column is sortable, all <th> elements are added to the tab sequence ([tabindex="0"]), regardless of their corresponding column being sortable or not. I thought it might be due to the sort reset feature, but using no-sort-reset has no effect on this behavior.

Steps to reproduce the bug

  1. Create a table with both sortable and non-sortable columns
  2. Tab through the headers; you'll see non-sortable columns receive focus

Examples:
https://codesandbox.io/s/reverent-leaf-jvsos?file=/src/App.vue
https://bootstrap-vue.org/docs/components/table#sorting

Expected behavior

Non-sortable column headers should not be added to the tab sequence; at least not when no-sort-reset is set

Versions

  • BootstrapVue: 2.19.0

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