From 7bf75e349eb7d417fc311cadd03c51907eb3986e Mon Sep 17 00:00:00 2001
From: nao-pon <hypweb@gmail.com>
Date: Thu, 12 Nov 2015 18:02:27 +0900
Subject: [PATCH] [ui:cwd] correction of multi-line filename editing

---
 js/commands/rename.js    | 17 ++++++++++++-----
 js/elFinder.resources.js | 25 +++++++++++++++++++++++--
 2 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/js/commands/rename.js b/js/commands/rename.js
index 67f710532b..39d65fa321 100644
--- a/js/commands/rename.js
+++ b/js/commands/rename.js
@@ -27,6 +27,12 @@ elFinder.prototype.commands.rename = function() {
 			type     = (hashes && hashes._type)? hashes._type : (fm.selected().length? 'files' : 'navbar'),
 			incwd    = (fm.cwd().hash == file.hash),
 			tarea    = (type === 'files' && fm.storage('view') != 'list'),
+			rest     = function(){
+				if (tarea) {
+					node.parent().zIndex('').css('position', '');
+					node.css('max-height', '');
+				}
+			},
 			dfrd     = $.Deferred()
 				.done(function(data){
 					incwd && fm.exec('open', data.added[0].hash);
@@ -35,6 +41,10 @@ elFinder.prototype.commands.rename = function() {
 					var parent = input.parent(),
 						name   = fm.escape(file.name);
 
+					if (tarea) {
+						name = name.replace(/([_.])/g, '&#8203;$1');
+					}
+					rest();
 					if (type === 'navbar') {
 						input.replaceWith(name);
 					} else {
@@ -52,16 +62,12 @@ elFinder.prototype.commands.rename = function() {
 					error && fm.error(error);
 				})
 				.always(function() {
-					if (tarea) {
-						node.parent().zIndex('').css('position', '');
-						node.css('max-height', '');
-					}
 					fm.enable();
 				}),
 			input = $(tarea? '<textarea/>' : '<input type="text"/>')
 				.keyup(function(){
 					if (tarea) {
-						this.style.height = 'auto';
+						this.style.height = '1px';
 						this.style.height = this.scrollHeight + 'px';
 					}
 				})
@@ -102,6 +108,7 @@ elFinder.prototype.commands.rename = function() {
 							return dfrd.reject(['errExists', name]);
 						}
 						
+						rest();
 						parent.html(fm.escape(name));
 						fm.lockfiles({files : [file.hash]});
 						fm.request({
diff --git a/js/elFinder.resources.js b/js/elFinder.resources.js
index 9a238b8479..5f2548388a 100644
--- a/js/elFinder.resources.js
+++ b/js/elFinder.resources.js
@@ -60,8 +60,16 @@ elFinder.prototype.resources = {
 			var fm   = this.fm,
 				cmd  = this.name,
 				cwd  = fm.getUI('cwd'),
+				tarea= (fm.storage('view') != 'list'),
+				rest = function(){
+					if (tarea) {
+						node.zIndex('').css('position', '');
+						nameelm.css('max-height', '');
+					}
+				},
 				dfrd = $.Deferred()
 					.fail(function(error) {
+						rest();
 						cwd.trigger('unselectall');
 						error && fm.error(error);
 					})
@@ -83,7 +91,14 @@ elFinder.prototype.resources = {
 				},
 				data = this.data || {},
 				node = cwd.trigger('create.'+fm.namespace, file).find('#'+id),
-				input = $('<input type="text"/>')
+				nameelm,
+				input = $(tarea? '<textarea/>' : '<input type="text"/>')
+					.keyup(function(){
+						if (tarea) {
+							this.style.height = '1px';
+							this.style.height = this.scrollHeight + 'px';
+						}
+					})
 					.keydown(function(e) {
 						e.stopImmediatePropagation();
 
@@ -109,6 +124,7 @@ elFinder.prototype.resources = {
 								return dfrd.reject(['errExists', name]);
 							}
 
+							rest();
 							parent.html(fm.escape(name));
 
 							fm.lockfiles({files : [id]});
@@ -140,7 +156,12 @@ elFinder.prototype.resources = {
 			}
 
 			fm.disable();
-			node.find('.elfinder-cwd-filename').empty('').append(input.val(file.name));
+			nameelm = node.find('.elfinder-cwd-filename').empty('').append(input.val(file.name));
+			if (tarea) {
+				node.zIndex((node.parent().zIndex()) + 1).css('position', 'relative');
+				nameelm.css('max-height', 'none');
+				input.trigger('keyup');
+			}
 			input.select().focus();
 			input[0].setSelectionRange && input[0].setSelectionRange(0, file.name.replace(/\..+$/, '').length);