Skip to content

Stacked table in modal window #6261

@ddzobov

Description

@ddzobov

Describe the bug

Table with stacked attribute overflows modal window without scrolling

Steps to reproduce the bug

  1. Create b-modal window with size="xl"
  2. Create inside modal body b-table with stacked="md"
  3. Create long row, which overflows modal body
  4. See that b-table have no horizontal scrolling

Expected behavior

Horizontal scrolling like without stacked attribute

Versions

Libraries:

  • BootstrapVue: 2.21.1
  • Vue: 2.6.12

Environment:

  • Device: Macbook Pro 15" 2018
  • OS: macOS Big Sur 11.1
  • Browser: Safari
  • Version: 14.0.2

Example:
CodeSandBox

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