[svg] Loss of selection border during scroling when fixed rows are enabled

[aninde]

Description

Sometimes top border of area.highlight is loss during scrolling.
Related to or even Case 2 of #6646

Steps to reproduce

1. Open demo (edited) https://codesandbox.io/s/happy-sanderson-1wkoh
2. Select by rows 3,4, 5 and 5 by clicking on rowHeader.
3. Scroll it horizontally using magic trackpad to the end, then back and forth.

Actual result

Top selection border area.highlight vanishes

Expected result

All borders should be visible.

Demo

EDIT: Update
https://codesandbox.io/s/happy-sanderson-1wkoh

Your environment

• Handsontable version: 8.0.0-svg
• Browser Name and version: any
• Operating System: macOS

[budnix]

It's worth to mention that the same happens for the bottom overlay.

[warpech]

I managed to reproduce locally. Any kind of scrolling works for reproduction, but there must be zero fixed columns and more than 1 fixed row.

The problem is caused by bad implementation of padding in BorderRenderer. It will be fixed automatically with #6651.

[pnowak]

This issue isn't replicable using v8.0.0. Here's an updated demo - https://jsfiddle.net/yhwztvnx/

[AMBudnik]

Great news @pnowak if it's solved we can close it.

[warpech]

As the OP says, the problem only exists on the SVG branch and still needs to be fixed there.

[krzysztofspilka]

This is an issue reported for the SVG borders project, which was rejected and won't be implemented in Handsontable.