Показать div поверх Kendo для Angular Dialog

В этом StackBlitz у меня есть Кендо для Angular Dialog. В диалоговом окне есть div с position:absolute, который мне нужно показать поверх диалогового окна, а не внутри него, и в диалоговом окне не должно быть полос прокрутки. Есть ли способ добиться этого?

@Component({
    selector: 'my-app',
    template: `
        <kendo-dialog title = "Kendo Dialog" 
              style = "position:relative;overflow:visible"
             [width] = "400" [height] = "100">
            <div id = "div1">Some text in the div</div>
        </kendo-dialog>
    `,
    styles: [`
         #div1 {
           position: absolute;
           top: 20px;
           left: 240px;
           width: 300px;
           z-index: 99990;
           background-color: #f0f0f0;
           border: 2px solid blue;
         }
    `]

})
export class AppComponent {

}