8000 b-avatar with badge in a sticky-header b-table is show incorrectly · Issue #5964 · bootstrap-vue/bootstrap-vue · GitHub
[go: up one dir, main page]

Skip to content
b-avatar with badge in a sticky-header b-table is show incorrectly #5964
Closed
@Eplistical

Description

@Eplistical

Describe the bug

If a b-avatar with badge is shown in a b-table with sticky header, and one scrolls down the table, the badge will be displayed on the b-table header layer

Steps to reproduce the bug

  1. Go to https://jsfiddle.net/62r8aghw/
  2. Scroll down the table
  3. Badges are displayed over the header

Expected behavior

badges should be invisible when its row is behind table header

Versions

Libraries:

  • BootstrapVue: 2.16.0
  • Bootstrap: 4.5.2
  • Vue: 2.16.12

Environment:

  • Browser: Chrome
  • Version: 86

Demo link

https://jsfiddle.net/62r8aghw/

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

      0