CSS для Angular .cdk-virtual-scroll-content-wrapper не применяется ⇐ CSS

[Anonymous]

Я хочу настроить с помощью класса CSS .cdk-virtual-scroll-content-wrapper, чтобы в контейнере прокрутки всегда отображалась полоса прокрутки. Но мой код CSS для этого конкретного элемента не применяется (все остальные стили в том же компоненте работают).

Код: Выделить всё

.cdk-virtual-scroll-content-wrapper {
overflow-y: scroll;
}

Поведение не является специфичным для этого свойства CSS — если я, например, установлю границу, эффекта тоже не будет.
В инструментах разработчика я можно увидеть эффективный CSS, в котором отсутствует overflow-y:

Код: Выделить всё

.cdk-virtual-scroll-content-wrapper {
position: absolute;
top: 0;
left: 0;
contain: content;
}

Но если я изменю CSS соответствующего элемента HTML непосредственно в инструментах разработчика браузера, отобразится полоса прокрутки.
Настройка CSS для cdk-virtual-scroll-viewport или cdk-virtual-scroll-viewport > div тоже не работает:

Код: Выделить всё

cdk-virtual-scroll-viewport {
overflow-y: scroll;
}

Я использую Angular 10.2.2 с Sass.
Как применить CSS к .cdk-virtual-scroll-content-wrapper
код>?

Подробнее здесь: https://stackoverflow.com/questions/647 ... ot-applied