White scroll displayed while scrolling on viewport - Safari - MacOS

I am troubled to debug an issue that is coming for us on the safari browser on macOS. The white space is displayed while scrolling on the Handsontable. Also, there is a misalignment between the row header and rows on safari. See the reference video below. On safari, I am able to reproduce this issue 10 on 10. but many times this issue reproduces on the laptop with Windows OS.

My Application:

  1. macOS + safari -> https://tinytake.tinytake.com/tt/MzkwNDcwN18xMTk2ODIzMg
  2. macOS + chrome -> https://ttprivatenew.s3.amazonaws.com/pulse/tinytake/attachments/11968078/TinyTake596117349.mp4

Same with JSFiddle demo.

  1. macOS + safari -> https://tinytake.tinytake.com/tt/MzkwNDYzN18xMTk2ODAyNQ
  2. macOS + chrome -> https://tinytake.tinytake.com/tt/MzkwNDYwOV8xMTk2Nzk1Mg

Here is the link to JSFiddle. Which covers type of configuration we used. On top of that, we have custom renderers, context menu, and dropdown menu.
Link: https://jsfiddle.net/gpowys1j/

Any help will be much helpful.

Thank you for the bug scenario. We will review it and get back to you soon.

Hi @manthanp,

Unfortunately, I was unable to reproduce the effect. Which version of OSX, Chrome, and Safari do you have? Computer specs?

Kind regards
Wojciech

Hi @wojciech.czerniak below are the specs
OS - MacOS High Sierra - v10.13.6
Chrome - latest - 78.0.3904.108
Safari - 11.1.2

MacBook Pro(Retina, 15-inch, early 2013)
Processor 2.4 GHz Intel Core i7
Memory 8 GB MHz DDR3
Graphics Intel HD Graphics 4000 1536 MB

Hey @manthanp

I’ve asked our colleague to test it on her device and she found an associated issue https://github.com/handsontable/handsontable/issues/6517
I also was told that our colleague who’s doing the SVG (borders) refactor and checking this case.