Хром полоса прокрутки исчезает (не переполнение-у)

1) Почему полосы прокрутки отличаются на одной и той же ОС и версии браузера, но на разных машинах ?

Это, вероятно, связано с системными настройками на macOS.

Если вы выбрали Always, я почти уверен, что полоса прокрутки отодвигает содержимое страницы в сторону. То же самое, если у вас подключена мышь. В противном случае, у него есть "абсолютно позиционированное" поведение, о котором вы упомянули. Имейте в виду, что пользователи Windows, вероятно, увидят поведение, подобное Always.

2) Есть ли способ исправить это без каких-либо плагинов ? Принимая во внимание, что пользователи Windows имеют случай 2 и пользователи MacOS либо случай 1 или 2 ?

Ну, сначала немного мнения: я не думаю, что это хорошая идея, чтобы скрыть полосу прокрутки, не предоставляя еще один сигнал пользователю, сообщающий о прокручиваемости элемента. Во всяком случае, если это не так, я не могу придумать ничего, что не было бы какой-то халтурой, но здесь идет:

Поскольку это то, что нужно выполнить только один раз, и предполагая, что мы хотим предсказуемую функциональность в браузерах и ОС, вы можете использовать некоторые JS здесь. В системах, сохраняющих боковую панель, свойства элемента боковой панели offsetWidth и scrollWidth будут отличаться. По умолчанию ваш элемент может иметь следующие стили:

$child-h-padding: 15px;
$max-scrollbar-width: 35px;

.r-sidebar {
  overflow-y: scroll;
  padding: 12px $child-h-padding;
  ...rest
}

.r-sidebar--r-padded {
  padding-right: $child-h-padding + $max-scrollbar-width;
  right: -$max-scrollbar-width;
}

Вы можете добавить/удалить класс .r-sidebar--r-padded на основе значений offsetWidth и scrollWidth.

Это должно работать везде, независимо от браузера / ОС. Я уже тестировал на macOS / Chrome с обоими настройками боковой панели.