Change style on file rename input to avoid weird Chrome behaviour

services/web/app/views/project/editor/file-tree.jade

@@ -115,14 +115,15 @@ script(type='text/ng-template', id='entityListItemTemplate')
 				span(
 					ng-hide="entity.renaming"
 				)  {{ entity.name }}
-				input(
-					ng-if="permissions.write",
-					ng-show="entity.renaming",
-					ng-model="inputs.name",
-					ng-blur="finishRenaming()",
-					select-name-when="entity.renaming",
-					on-enter="finishRenaming()"
-				)
+				span.rename-input
+					input(
+						ng-if="permissions.write",
+						ng-show="entity.renaming",
+						ng-model="inputs.name",
+						ng-blur="finishRenaming()",
+						select-name-when="entity.renaming",
+						on-enter="finishRenaming()"
+					)
 
 				span.dropdown(
 					ng-show="entity.selected",
@@ -197,14 +198,15 @@ script(type='text/ng-template', id='entityListItemTemplate')
 					span(
 						ng-hide="entity.renaming"
 					)  {{ entity.name }}
-					input(
-						ng-if="permissions.write",
-						ng-show="entity.renaming",
-						ng-model="inputs.name",
-						ng-blur="finishRenaming()",
-						select-name-when="entity.renaming",
-						on-enter="finishRenaming()"
-					)
+					span.rename-input
+						input(
+							ng-if="permissions.write",
+							ng-show="entity.renaming",
+							ng-model="inputs.name",
+							ng-blur="finishRenaming()",
+							select-name-when="entity.renaming",
+							on-enter="finishRenaming()"
+						)
 
 					span.dropdown(
 						ng-if="permissions.write"

services/web/public/stylesheets/app/editor/file-tree.less

@@ -31,6 +31,7 @@ aside#file-tree {
 
 		li {
 			line-height: 2.6;
+			position: relative;
 
 			.entity-name {
 				color: @gray-darker;
@@ -85,6 +86,17 @@ aside#file-tree {
 					padding: 0 12px;
 				}
 			}
+			
+			.rename-input {
+				display: block;
+				position: absolute;
+				top: 1px;
+				left: 44px;
+				right: 32px;
+				input {
+					width: 100%;
+				}
+			}
 		}
 	}