title: CSS for Angular .cdk-virtual-scroll-content-wrapper not applied
body: <p>I want to customize a <a href="https://material.angular.io/cdk/scrolling/overview" rel="nofollow noreferrer"><code>&lt;cdk-virtual-scroll-viewport&gt;</code></a> by using the CSS class <code>.cdk-virtual-scroll-content-wrapper</code> so that the scroll container always shows a scrollbar. But my CSS code for this specific element is not applied (all other styles in the same component are working).</p>
  <pre><code>.cdk-virtual-scroll-content-wrapper {
    overflow-y: scroll;
  }
  </code></pre>
  <p>The behavior is not specific to this CSS property - if I set a border for example there is also no effect.</p>
  <p>In the developer tools I can see the effective CSS, which lacks <code>overflow-y</code>:</p>
  <pre><code>.cdk-virtual-scroll-content-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      contain: content;
  }
  </code></pre>
  <p>But if I change the CSS of the respective HTML element directly in the developer tools of the browser, the scroll bar is displayed.</p>
  <p>Setting CSS for <code>cdk-virtual-scroll-viewport</code> or <code>cdk-virtual-scroll-viewport &gt; div</code> doesn't work either:</p>
  <pre><code>cdk-virtual-scroll-viewport {
    overflow-y: scroll;
  }
  </code></pre>
  <p>I'm using Angular 10.2.2 with Sass.</p>
  <p>How to apply CSS to <code>.cdk-virtual-scroll-content-wrapper</code>?</p>