title: How to size Angular CDK overlay backdrop when attaching to component
body: <p>I want to have a CDK overlay over a specific component.  I using <code>flexibleConnectedTo()</code> to position the content portion of the overlay correctly over the component.  I cannot figure out how to have the overlay backdrop <em>only</em> cover the component instead of the entire page.  The <code>cdk-overlay-container</code> class has CSS as </p>
  
  <pre><code>pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  </code></pre>
  
  <p>I know I could override the CSS, however what I am looking for is an Angular CDK way of sizing the <code>cdk-overlay-container</code> to fit the boundaries of a component.</p>
  
  <p>I read through the documentation, however I don't see a way to do this.  Am I missing something from the docs?</p>