Paste event.

src/Squidex/app/features/content/shared/assets-editor.component.html

@@ -1,8 +1,8 @@
-<div class="assets-container" [class.disabled]="isDisabled">
+<div class="assets-container" [class.disabled]="isDisabled" (paste)="pasteFiles($event)" tabindex="1000">
     <div class="header list">
         <div class="row no-gutters">
             <div class="col">
-                <div class="drop-area align-items-center" (sqxFileDrop)="addFiles($event)" (click)="assetsDialog.show()">
+                <div class="drop-area align-items-center" (click)="assetsDialog.show()">
                     Drop files or click here to add assets.
                 </div>
             </div>

src/Squidex/app/features/content/shared/assets-editor.component.scss

@@ -30,6 +30,7 @@
 .body {
     margin-bottom: -.25rem;
     margin-top: 1rem;
+    min-height: 1px;
 }
 
 .unrow {

src/Squidex/app/features/content/shared/assets-editor.component.ts

@@ -115,6 +115,10 @@ export class AssetsEditorComponent implements ControlValueAccessor, OnInit, OnDe
         this.changeDetector.markForCheck();
     }
 
+    public noop() {
+        return;
+    }
+
     public registerOnChange(fn: any) {
         this.callChange = fn;
     }
@@ -123,9 +127,23 @@ export class AssetsEditorComponent implements ControlValueAccessor, OnInit, OnDe
         this.callTouched = fn;
     }
 
+    public pasteFiles(event: ClipboardEvent) {
+        for (let i = 0; i < event.clipboardData.items.length; i++) {
+            const file = event.clipboardData.items[i].getAsFile();
+
+            if (file) {
+                this.newAssets = this.newAssets.pushFront(file);
+            }
+        }
+    }
+
     public addFiles(files: FileList) {
         for (let i = 0; i < files.length; i++) {
-            this.newAssets = this.newAssets.pushFront(files[i]);
+            const file = files[i];
+
+            if (file) {
+                this.newAssets = this.newAssets.pushFront(file);
+            }
         }
     }
 

src/Squidex/app/framework/angular/forms/file-drop.directive.ts

@@ -7,6 +7,8 @@
 
 import { Directive, ElementRef, EventEmitter, HostListener, Output, Renderer2 } from '@angular/core';
 
+import { Types } from './../../utils/types';
+
 @Directive({
     selector: '[sqxFileDrop]'
 })
@@ -88,9 +90,9 @@ export class FileDropDirective {
             return false;
         }
 
-        if (isFunction(types.indexOf)) {
+        if (Types.isFunction(types.indexOf)) {
             return types.indexOf('Files') !== -1;
-        } else if (isFunction(types.contains)) {
+        } else if (Types.isFunction(types.contains)) {
             return types.contains('Files');
         } else {
             return false;
@@ -98,10 +100,6 @@ export class FileDropDirective {
     }
 }
 
-function isFunction(obj: any): boolean {
-    return !!(obj && obj.constructor && obj.call && obj.apply);
-}
-
 interface DragDropEvent extends MouseEvent {
     readonly dataTransfer: DataTransfer;
 }

src/Squidex/app/framework/angular/forms/tag-editor.component.ts

@@ -211,7 +211,7 @@ export class TagEditorComponent implements AfterViewInit, ControlValueAccessor,
     }
 
     public markTouched() {
-        this.selectValue(this.addInput.value);
+        this.selectValue(this.addInput.value, true);
 
         this.resetAutocompletion();
         this.resetFocus();

src/Squidex/app/shared/components/assets-list.component.html

@@ -1,4 +1,4 @@
-<div class="file-drop" (sqxFileDrop)="addFiles($event)" *ngIf="!isDisabled">
+<div class="file-drop" (sqxFileDrop)="addFiles($event)" *ngIf="!isDisabled" (paste)="pasteFiles($event)">
     <h3 class="file-drop-header">Drop files here to upload</h3>
 
     <div class="file-drop-or">or</div>
@@ -14,7 +14,7 @@
     <div class="file-drop-info">Drop file on existing item to replace the asset with a newer version.</div>
 </div>
 
-<div class="row assets" [class.unrow]="isListView" *ngIf="state.tagsNames | async; let tags">
+<div class="row assets" [class.unrow]="isListView" *ngIf="state.tagsNames | async; let tags" (paste)="pasteFiles($event)">
     <sqx-asset *ngFor="let file of newFiles" [initFile]="file"
         [isListView]="isListView"
         (failed)="remove(file)" 

src/Squidex/app/shared/components/assets-list.component.ts

@@ -78,10 +78,26 @@ export class AssetsListComponent {
         this.newFiles = this.newFiles.remove(file);
     }
 
+    public pasteFiles(event: ClipboardEvent) {
+        for (let i = 0; i < event.clipboardData.items.length; i++) {
+            const file = event.clipboardData.items[i].getAsFile();
+
+            if (file) {
+                this.newFiles = this.newFiles.pushFront(file);
+            }
+        }
+    }
+
     public addFiles(files: FileList) {
         for (let i = 0; i < files.length; i++) {
-            this.newFiles = this.newFiles.pushFront(files[i]);
+            const file = files[i];
+
+            if (file) {
+                this.newFiles = this.newFiles.pushFront(file);
+            }
         }
+
+        return true;
     }
 
     public trackByAsset(index: number, asset: AssetDto) {