title: How to use CDK overlay while leaving an existing component in the foreground?
body: <p>The Angular Material CDK library provides various features including overlays. All the examples I can find show how to display a new component on top of the overlay. My goal is a little different. I want to display an <em>existing</em> component (one of several on the screen) on top of the overlay. </p>
  
  <p>The behavior I have in mind is that when the user goes into a kind of editing mode on a particular object, the component representing that object would sort of "float" on top of an overlay, until editing is done or cancelled.</p>
  
  <p>Is there any straightforward way to do that? It seems that the <code>cdkConnectedOverlay</code> directive might be useful, but I can't figure out how to make it work.</p>