From 1949dae8d45d721a72d64ca78a4044d5593429a1 Mon Sep 17 00:00:00 2001
From: Ryan Fletcher <ryan.fletcher@codepassion.ca>
Date: Thu, 23 Aug 2018 16:41:16 -0400
Subject: [PATCH] attempt at solving css "jumps" on inline edits.

Signed-off-by: Ryan Fletcher <ryan.fletcher@codepassion.ca>
---
 css/style.scss                    | 6 ++++++
 templates/part.board.mainView.php | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/css/style.scss b/css/style.scss
index a7f6e627a..e6588807b 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -5,6 +5,7 @@
  * @author Artem Anufrij <artem.anufrij@live.de>
  * @author Marin Treselj <marin@pixelipo.com>
  * @author Oskar Kurz <oskar.kurz@gmail.com>
+ * @author Ryan Fletcher <ryan.fletcher@codepassion.ca>
  *
  * @license GNU AGPL version 3 or any later version
  *
@@ -417,6 +418,11 @@ input.input-inline {
 		overflow: hidden;
 		position: relative;
 		padding: 5px;
+
+		input {
+			min-height: 0px;
+			width: auto;
+		}
 	}
 
 	.card-assigned-users {
diff --git a/templates/part.board.mainView.php b/templates/part.board.mainView.php
index 64ab97fb1..83d261dad 100644
--- a/templates/part.board.mainView.php
+++ b/templates/part.board.mainView.php
@@ -77,7 +77,7 @@
 
 								<form ng-if="c.status.editCard" ng-submit="cardservice.update(c); c.status.editCard=false">
 									<input class="input-inline" type="text" placeholder="<?php p($l->t('Add a new card')); ?>"
-										ng-blue="cardservice.update(c); c.status.editCard=false" ng-model="c.title"
+										ng-blur="cardservice.update(c); c.status.editCard=false" ng-model="c.title"
 										autofocus-on-insert required maxlength="100" />
 								</form>
 							</h4>