Почему между 1 и 2 колонкой таблицы с position: sticky, смещается border?

Question

[Артем Прохоров]

Песочница с полным воспроизведением

Обе колонки зафиксированы с помощью sticky + left. Фиксация работает нормально, вот только между ними есть border, который просто пропадает во время прокрутки вбок. Причем дело не в ширине контента и несоответствии left. Это происходит только с border любой ширины. Я специально сделал ее 10px, чтобы было нагляднее.
Как избавиться от этого эффекта с сохранением фиксации?

Answer 1

[Антон Антон]

потому left - это то, сколько останется до края при прилипании, а в примере даже предыдущая колонка шире. Кажется, в данном случае лучше всего использовать offsetLeft для этого значения.

как-то так:
https://codepen.io/FragsterAt/pen/XWwYBbg?editors=1010

Comments

[Артем Прохоров]

Не помогает, фиксация ломается тогда

[Антон Антон]

не ломается:
https://codepen.io/FragsterAt/pen/XWwYBbg?editors=1010

[DIVSIDE]

ну использовать js когда по всем правилам надо было указать как должны работать блоки box-sizing.. странно

[Артем Прохоров]

DIVSIDE, Просто воспроизвести все окружение очень сложно. И там у меня стоит этот селектор, не помогает в данном конкретном случаи. Так что пришлось в обход пойти

[DIVSIDE]

Артем Прохоров, а почему у меня работает?) ровно точно также, но без ненужного js и семантически верно

[Артем Прохоров]

Просто воспроизвести все окружение очень сложно.