diff --git a/projects/editor/src/app/components/unit-view/page-view/canvas/canvas-element-overlay.ts b/projects/editor/src/app/components/unit-view/page-view/canvas/canvas-element-overlay.ts index 46ebaf3f7968dab42d49ac9f6586369a658fb946..22b672d2de6c67ef3bc0e546b08696c1787b4c42 100644 --- a/projects/editor/src/app/components/unit-view/page-view/canvas/canvas-element-overlay.ts +++ b/projects/editor/src/app/components/unit-view/page-view/canvas/canvas-element-overlay.ts @@ -54,8 +54,9 @@ export abstract class CanvasElementOverlay implements OnInit, OnDestroy { @HostListener('window:keydown', ['$event']) handleKeyDown(event: KeyboardEvent): void { - if (!(event.target as Element).tagName.includes('input'.toUpperCase()) && - !(event.target as Element).tagName.includes('textarea'.toUpperCase()) && + if ((event.target as Element).parentElement && + (event.target as Element).parentElement!.parentElement && + (event.target as Element).parentElement!.parentElement!.className.indexOf('aspect-inserted-element') > -1 && event.key === 'Delete') { this.selectionService.selectedElements .pipe(take(1)) diff --git a/projects/editor/src/app/components/unit-view/page-view/canvas/static-canvas-overlay.component.ts b/projects/editor/src/app/components/unit-view/page-view/canvas/static-canvas-overlay.component.ts index 79e462e3dcd24561de550aa332448e31b725b4eb..c5c47e78d4fbcf898cbd4fccb45a22b5e5cf89d1 100644 --- a/projects/editor/src/app/components/unit-view/page-view/canvas/static-canvas-overlay.component.ts +++ b/projects/editor/src/app/components/unit-view/page-view/canvas/static-canvas-overlay.component.ts @@ -26,7 +26,7 @@ import { CanvasElementOverlay } from './canvas-element-overlay'; <mat-icon>aspect_ratio</mat-icon> <div *cdkDragPlaceholder></div> </div> - <div [style.width.px]="element.width" + <div class="aspect-inserted-element" [style.width.px]="element.width" [style.overflow]="'auto'" [style.height.px]="element.height"> <ng-template #elementContainer></ng-template>