Add @Toutouwai processwire/processwire-requests#242 to support automatic open of collapsed Inputfield when file dragged into file/image or CKEditor field that supports it

wire/modules/Inputfield/InputfieldCKEditor/InputfieldCKEditor.module

@@ -291,7 +291,11 @@ class InputfieldCKEditor extends InputfieldTextarea {
 		
 		$extraPlugins = $this->extraPlugins;
 		$imagesField = $this->getImagesFieldName($assetPage);
-		if($imagesField) $extraPlugins[] = 'uploadimage';
+		
+		if($imagesField) {
+			$extraPlugins[] = 'uploadimage';
+			$this->addClass('InputfieldHasUpload', 'wrapClass'); 
+		}
 
 		$settings = array(
 			'baseHref' => $config->urls->root,

wire/modules/Inputfield/InputfieldFile/InputfieldFile.module

@@ -594,6 +594,7 @@ class InputfieldFile extends Inputfield implements InputfieldItemList, Inputfiel
 
 	public function renderReady(Inputfield $parent = null, $renderValueMode = false) {
 		$this->addClass('InputfieldNoFocus', 'wrapClass');
+		if(!$renderValueMode) $this->addClass('InputfieldHasUpload', 'wrapClass');
 		
 		if($this->useTags) {
 			$this->wire('modules')->get('JqueryUI')->use('selectize');

wire/templates-admin/scripts/inputfields.js

@@ -1320,6 +1320,14 @@ function InputfieldStates($target) {
 		$(this).addClass('InputfieldFormSubmitted');
 	});
 
+	// open Inputfields supporting uploads when file dragged in, per @Toutouwai #242
+	$(document).on('dragenter', '.InputfieldHasUpload.InputfieldStateCollapsed', function(e) {
+		var dt = e.originalEvent.dataTransfer;
+		if(dt.types && (dt.types.indexOf ? dt.types.indexOf('Files') !== -1 : dt.types.contains('Files'))) {
+			InputfieldOpen($(this));
+		}
+	});
+	
 	window.addEventListener("beforeunload", InputfieldFormBeforeUnloadEvent);
 }