Библиотека Custom Scroll работает в Firefox, но не в Chrome

Question

У меня есть выбор с настраиваемой прокруткой response-custom-scroll . Он работает плавно в Firefox, когда я пытаюсь использовать его в Chrome, он работает так, как не должен. Например, у меня есть много вариантов в области, которые можно прокручивать. Вместо плавной прокрутки он прокручивается сверху до конца, поэтому я не вижу содержимое, которое находится в центре выбора. Здесь вы можете увидеть живой пример .

Код, который у меня есть:

//menuIsOpen is set to true so it is eassier to debug
//react-select library is used here

<Select styles={customStyles}
   menuIsOpen={true}
   ...
   components={{
       MenuList: withScrollbar,
   }}
/>
const withScrollbar = props => <components.MenuList {...props}>
    <CustomScroll heightRelativeToParent="100%">{props.children}</CustomScroll>
</components.MenuList>

Я думаю, что некоторые стили, которые работают в firefox, не работают в Chrome но я не вижу, какие именно. Все делал по документам.