<div class="click-to-edit-wrapper" (click)="onClick()">
  <div *ngIf="!showTextbox && !hiddenText" class="text">
    {{control.value}}
  </div>

  <div *ngIf="!showTextbox && hiddenText" class="text hidden-text">
    {{ 'hiddenValueClickToShow' | translate }}
  </div>

  <div [class.hidden]="!showTextbox">
    <ng-content></ng-content>
  </div>
</div>

<div class="click-to-edit-wrapper" (click)="onClick()">
  <div *ngIf="!showTextbox && !hiddenText" class="text">
    {{control.value || '&#8203;'}}
  </div>

  <div *ngIf="!showTextbox && hiddenText" class="text hidden-text">
    {{ 'hiddenValueClickToShow' | translate }}
  </div>

  <div [class.hidden]="!showTextbox">
    <ng-content></ng-content>
  </div>
</div>

Update ClickToEditComponent to force empty text div to consume one line height
Update ClickToEditComponent to force empty text div to consume one line height
