Screen moving - viewport

Tags: #<Tag:0x00007efc60e288e0>
#1

Hello
My app is working now inside laravel with vue.

The vue tags referencing Hot are

<template>
  <div id="hot-container" class="wrapper">
      <HotTable :root="root" ref="testHot" :settings="hotSettings"></HotTable>
  </div>
</template>

Then in the vue comp

 data: function() {
      return {
        root:               'div-container',

         ...
        hotSettings: {
          data:             localdata,
          dropdownMenu:     false,
          formulas:         true,
          undo:             false,
          stretchH:         'all',
          wordWrap:         false, //do not show full size columns
          contextMenu:      true,
          fillHandle:       false,
          outsideClickDeselects: true,
      ....

Finally the start of the css

#hot-container {
overflow: hidden;
height: 100vh;
font-family: Arial, Lato, Verdana, Helvetica, FreeSans, sans-serif;
font-size: 10px;
text-align: center;
/* font-weight: bold;*/
vertical-align: center;
}

My problem is : when I scroll THEN I clic a cell at bottom or up, the screen scrolls to a different position, so that I cannot see the clicked cell anymore. Sometimes it stays, sometimes not. When it stays it’s ok and I can enjoy the table.

I suppose this can be due to the fact I’m using the trial pro version and sometimes the handsontable message tries to appear making this move.

Or would you have a special trick for me ?

Regards
Francois

#2

Can you share a recording/video on how it looks like?

#3

Hello Aleksandra
I’ve sent a link to a video via the contact form on your website
would you mind take a look and keep the video for your eyes only ?
Regards
Francois

#4

Sure. That’s not a problem.

#5