Как исправить скролл в Chrome на MacOs

Оказалось, что в веб-кит браузерах наблюдается следующая ошибка – отсутствует скролбар если вы указываете для блока высоту и оверфлоу:

.jcf-select-drop {
  height: 245px;
  overflow-y: scroll;
}

Чтобы исправить отсутствие скролбара для версий браузеров продукции Apple, внести этот код в ваш CSS:

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

Можно изменить скрол как вам будет удобнее, главное что это работает 🙂 Стоит отметить, что теперь скрол поменяется на во всех вебкит браузерах, даже на windows версиях.