title: Kendo dialog box angular 2+ appears inside kendo grid when wrapped inside kendoGridDetailTemplate
body: <p>Is there a CSS way to make Kendo Dialog appear outside of kendo grid when it is wrapped inside <strong>kendoGridDetailTemplate</strong>?</p>
  
  <p>Currently my component looks like:</p>
  
  <pre><code>&lt;kendo-grid&gt;&lt;div *kendoGridDetailTemplate="let dataItem"&gt;
  &lt;lookup-list-fields [lookupListId]="dataItem.id"&gt;&lt;/lookup-list-fields&gt;&lt;/div&gt;&lt;/kendo-grid&gt;
  </code></pre>
  
  <p>Here <strong>lookup-list-fields</strong> is my component which contains Kendo dialog box. I have went through solutions which says place kendo dialog outside kendo grid or use Angular Service. I want to know if we can re position dialog using css.
  <a href="https://i.stack.imgur.com/UclJ9.png" rel="nofollow noreferrer">See Screenshot</a></p>