Search code examples
javascriptcssbootstrap-vuetabulator

Bootstrap-vue modal resets window.scrolY on close when shown inside vue-tabulator @row-click event


I have a vue-tabulator table with a @row-click event that fires a bootstrap-vue modal, this modal shows perfect when triggered from a button but when fired from the table row, it centers the page vertically, I checked window.scrolY property and it's changed. Is there any way to prevent this behavior?


Solution

  • After A little wait Rogerio Angeliski creator of vue-tabulator contacted me and came with this neat solution:

    Just put a :return-focus="'body'" in the modal to evict call focus fuction

    And it worked perfect even without the height property. I believe this is perfect because I don't want to set a fixed height on the table.