IONIC 6 Кастомизация скроллбара у ion-content

Необходимо кастомизировать скролл у ion-content. Используется IONIC 6 и VUE 3.

Из того, что пробовал:

1.

ion-content::part(scroll)::-webkit-scrollbar {
//styles
}

Префикс -webkit-scrollbar для shadow-parts не поддерживается в ionic

2.

ion-content {
  --offset-bottom: auto!important;
  --overflow: hidden;
  overflow: auto;
  
}
ion-content::-webkit-scrollbar{
//styles
}

Стили применяются, но тогда мы лишаемся событий и свойств, которые испускает ion-content

3. Пробовал npm пакет IonCustomScrollbar, работает только с Angular

Подскажите пожалуйста, какое может быть решение?

UPDATE

const item = document.querySelector('ion-content');     
const styles = document.createElement('style');
styles.textContent = `::-webkit-scrollbar {//styles}`;
item.shadowRoot.appendChild(styles);

Пока нашел только такое решение


Ответы (0 шт):