Я хочу сделать сайт похожим на медиум, но у меня возникла проблема: я не могу перемещать кнопку сверху вниз, когда нажимаю клавишу ввода. Я даю скриншот введите описание изображения здесь

Я не понимаю, как реализовать логику

это мой код HTML

{amp}lt;div class="content"{amp}gt; {amp}lt;fieldset{amp}gt; {amp}lt;legend{amp}gt;Article{amp}lt;/legend{amp}gt; {amp}lt;mat-form-field floatLabel="never" style="background: transparent;border: 0px; width: 100%; margin-right: 5px;" appearance="none"{amp}gt; {amp}lt;input matInput style="font-weight: bold; font-size:35px;" placeholder="Title"{amp}gt; {amp}lt;/mat-form-field{amp}gt; {amp}lt;hr{amp}gt; {amp}lt;div class="add"{amp}gt; {amp}lt;div class="artical_section"{amp}gt; {amp}lt;div class="add_remove"{amp}gt; {amp}lt;button mat-icon-button (click)="addmore = !addmore" *ngIf="!addmore" class="add"{amp}gt; {amp}lt;mat-icon class="icon"{amp}gt; add{amp}lt;/mat-icon{amp}gt; {amp}lt;/button{amp}gt; {amp}lt;button mat-icon-button class="remove" (click)="addmore = !addmore" *ngIf="addmore"{amp}gt; {amp}lt;mat-icon class="icon"{amp}gt; clear {amp}lt;/mat-icon{amp}gt; {amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="additional"{amp}gt; {amp}lt;div class="button_list" *ngIf="addmore"{amp}gt; {amp}lt;div class="buttons"{amp}gt; {amp}lt;button mat-icon-button class="button_style" (click)="addPhoto()"{amp}gt; {amp}lt;mat-icon class="icon"{amp}gt; camera_alt {amp}lt;/mat-icon{amp}gt; {amp}lt;input type='file' #photoEvent (change)="onSelectPhoto($event)" multiple style="display:none"{amp}gt; {amp}lt;/button{amp}gt; {amp}lt;button mat-icon-button class="button_style" (click)="videoLink = !videoLink"{amp}gt; {amp}lt;mat-icon class="icon"{amp}gt; videocam {amp}lt;/mat-icon{amp}gt; {amp}lt;/button{amp}gt; {amp}lt;button mat-icon-button class="button_style" (click)="twitterLink = !twitterLink"{amp}gt; {amp}lt;mat-icon class="icon"{amp}gt; code {amp}lt;/mat-icon{amp}gt; {amp}lt;/button{amp}gt; {amp}lt;button mat-icon-button class="button_style"{amp}gt; {amp}lt;mat-icon class="icon"{amp}gt; emoji_emotions {amp}lt;/mat-icon{amp}gt; {amp}lt;/button{amp}gt; {amp}lt;button mat-icon-button class="button_style"{amp}gt; {amp}lt;mat-icon class="icon"{amp}gt; gif {amp}lt;/mat-icon{amp}gt; {amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div #editor1 class="editor1" contenteditable="true"{amp}gt; {amp}lt;img #image1 [src]="image" *ngIf="image!==null" style="width: 300px; height: 300px;"{amp}gt; {amp}lt;input matInput placeholder="Paste Your Video Link" style="margin-top: 10px;" *ngIf="videoLink"{amp}gt; {amp}lt;input matInput placeholder="Paste Your Link to embaded content to another site(eg Twitter)" style="margin-top: 10px;" *ngIf="twitterLink"{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/fieldset{amp}gt; {amp}lt;/div{amp}gt; 

Я хочу использовать только с javaScript или typeScript, а не jquery. Пожалуйста, помогите мне решить, потому что я хочу сделать сайт, как medium.com

заранее спасибо