diff --git a/projects/common/directives/cloze-child-overlay/compound-child-overlay.component.ts b/projects/common/directives/cloze-child-overlay/compound-child-overlay.component.ts
index 818d78a321725cc9c1086f3a1a043dde8cdd6d2d..ddf851d6df0b52fab8e43074b9b63e95113d4430 100644
--- a/projects/common/directives/cloze-child-overlay/compound-child-overlay.component.ts
+++ b/projects/common/directives/cloze-child-overlay/compound-child-overlay.component.ts
@@ -14,6 +14,7 @@ import { ElementComponent } from '../element-component.directive';
     <div [style.outline]="isSelected ? 'purple solid 1px' : ''"
          (click)="elementSelected.emit(this); $event.stopPropagation();">
       <app-toggle-button *ngIf="element.type === 'toggle-button'" #childComponent
+                         [style.pointer-events]="editorMode ? 'none' : 'auto'"
                          [parentForm]="parentForm"
                          [style.display]="'inline-block'"
                          [style.vertical-align]="'middle'"
@@ -21,12 +22,14 @@ import { ElementComponent } from '../element-component.directive';
                          (elementValueChanged)="elementValueChanged.emit($event)">
       </app-toggle-button>
       <app-text-field-simple *ngIf="element.type === 'text-field'" #childComponent
+                             [style.pointer-events]="editorMode ? 'none' : 'auto'"
                              [parentForm]="parentForm"
                              [style.display]="'inline-block'"
                              [elementModel]="$any(element)"
                              (elementValueChanged)="elementValueChanged.emit($event)">
       </app-text-field-simple>
       <app-drop-list-simple *ngIf="element.type === 'drop-list'" #childComponent
+                            [style.pointer-events]="editorMode ? 'none' : 'auto'"
                             [parentForm]="parentForm"
                             [style.display]="'inline-block'"
                             [style.vertical-align]="'middle'"
@@ -39,6 +42,7 @@ import { ElementComponent } from '../element-component.directive';
 export class CompoundChildOverlayComponent {
   @Input() element!: ToggleButtonElement | TextFieldSimpleElement | DropListSimpleElement;
   @Input() parentForm!: FormGroup;
+  @Input() editorMode: boolean = false;
   @Output() elementValueChanged = new EventEmitter<ValueChangeElement>();
   @Output() elementSelected = new EventEmitter<CompoundChildOverlayComponent>();
   @ViewChild('childComponent') childComponent!: ElementComponent;
diff --git a/projects/common/ui-elements/cloze/cloze.component.ts b/projects/common/ui-elements/cloze/cloze.component.ts
index eed840aae03f3532c921e9ea1ee8ccdd8e79daef..b6316aaf51971c9342a266c6fda36c9a2ef64816 100644
--- a/projects/common/ui-elements/cloze/cloze.component.ts
+++ b/projects/common/ui-elements/cloze/cloze.component.ts
@@ -155,6 +155,7 @@ import { LikertRadioButtonGroupComponent } from '../likert/likert-radio-button-g
           <app-compound-child-overlay [style.display]="'inline-block'"
                                       [parentForm]="parentForm"
                                       [element]="$any(subPart).attrs.model"
+                                      [editorMode]="editorMode"
                                       (elementSelected)="childElementSelected.emit($event)"
                                       (elementValueChanged)="elementValueChanged.emit($event)">
           </app-compound-child-overlay>
@@ -179,6 +180,8 @@ export class ClozeComponent extends CompoundElementComponent {
   @Output() childElementSelected = new EventEmitter<CompoundChildOverlayComponent>();
   @ViewChildren(CompoundChildOverlayComponent) compoundChildren!: QueryList<CompoundChildOverlayComponent>;
 
+  editorMode: boolean = false;
+
   getFormElementModelChildren(): InputElement[] {
     return this.elementModel.document.content
       .filter((paragraph: ClozeDocumentParagraph) => paragraph.content) // filter empty paragraphs
diff --git a/projects/editor/src/app/components/unit-view/page-view/canvas/overlays/canvas-element-overlay.ts b/projects/editor/src/app/components/unit-view/page-view/canvas/overlays/canvas-element-overlay.ts
index 56c4ef4c36686354277d71b35d669137936d6c78..eb0639d67a272d91171ad00b5d4784c8ceaee718 100644
--- a/projects/editor/src/app/components/unit-view/page-view/canvas/overlays/canvas-element-overlay.ts
+++ b/projects/editor/src/app/components/unit-view/page-view/canvas/overlays/canvas-element-overlay.ts
@@ -43,6 +43,8 @@ export abstract class CanvasElementOverlay implements OnInit, OnDestroy {
     this.selectionService.selectElement({ elementComponent: this, multiSelect: false });
 
     if (this.childComponent.instance instanceof ClozeComponent) {
+      // make cloze element children clickable
+      this.childComponent.instance.editorMode = true;
       this.childComponent.location.nativeElement.style.pointerEvents = 'unset';
       this.childComponent.instance.childElementSelected
         .pipe(takeUntil(this.ngUnsubscribe))