8000 b-avatar doesn't always maintain fixed width with long cell content · Issue #5962 · bootstrap-vue/bootstrap-vue · GitHub
[go: up one dir, main page]
Skip to content
b-avatar doesn't always maintain fixed width with long cell content #5962
New issue
New issue
Closed
#5963
Closed
b-avatar doesn't always maintain fixed width with long cell content#5962
#5963
Labels
Status: ConfirmedType: Bug
@bbugh

Description

@bbugh
bbugh
opened on Oct 23, 2020

Describe the bug

In a table cell (possibly other things), the avatar can be squished if the flex content is too long.

image

Steps to reproduce the bug

Not sure of all the reproduction steps, but a BAvatar + text inside of a flex element can squash the avatar. (see demo)

Expected behavior

The avatar should maintain the size regardless of the other content.

Versions

Libraries:

  • BootstrapVue: 2.18.1
  • Bootstrap: 4.5.3
  • Vue: 2.6.12

Environment:

  • Device: Mac
  • OS: macOS Mojave
  • Browser: Firefox, Chromium
  • Version: 81.0.2, 86.0.4240.99

Demo link

https://codesandbox.io/s/bootstrapvue-starter-project-forked-om4y6?file=/App.vue:108-344

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: ConfirmedType: Bug

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions
      0