search

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.
https://bootstrap-vue.org
MIT License
14.51k stars 1.88k forks source link

b-modal vertical center screen after opening from a vue-tabulator @row-click event #5582

Closed clustersnake closed 4 years ago

clustersnake commented 4 years ago

b-modal component centers my screen after opening from a @row-click event in vue-tabulator

It happens only in chrome family browser, I tested in firefox developer edition and the page doesn't scroll. I tried to apply the static prop, lazy, centered and nothing worked. By the way, launching the modal from a button placed outside the table doesn't change the screen position, I mean, it works just fine.

Versions

Libraries:

Environment:

Screens

image image

jacobmllr95 commented 4 years ago

@clustersnake Can you please create a minimal reproduction of the issue in a CodeSandbox or CodePen?

I altered the Complete example of the table docs a bit to use the row-clicked event and was unable to reproduce the issue.

clustersnake commented 4 years ago

@jackmu95 thanks!, I'll create the example, by the way, the issue is with vue-tabulator not the b-table

clustersnake commented 4 years ago

@jackmu95 I created the example. In this page the reset is done only when clicking in the firs row, not the last one but in my local it always resets the vertical position

clustersnake commented 4 years ago

@jackmu95 I just tested the vue-tabulator plugin in quasar framework and I have the same issue, please excuse me for bothering you. I'm closing this issue because it's not a Bootstrap-vue issue