Giters

bootstrap-vue / bootstrap-vue

BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

Home Page:https://bootstrap-vue.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Dropdown in sticky column is not breaking out of scrolling container

minaseem opened this issue · comments

commented

Describe the bug

Dropdown in the cell of sticky column(inside a table) is not breaking out of container.

Steps to reproduce the bug

  1. Go to the codesandbox link - https://codesandbox.io/s/zealous-gould-wxczrp
  2. Open the dropdown in the first column which is sticky.
  3. Observe that the dropdown menu is not breaking out of the container
  4. Check the dropdown in the second column which is not sticky - there it is working fine.

Expected behavior

Dropdown in the cell of the sticky column should break out of scrolling container

Versions

Libraries:

  • BootstrapVue: 2.23.0
  • Bootstrap: 4.#.#
  • Vue: 2.5.2

Environment:
Checked in Mac, Chrome. However, this issue does not seem to be device specific.

Demo link

codesandbox link - https://codesandbox.io/s/zealous-gould-wxczrp

Additional context

None