From 12d9d273270baf67feb030b61f5a7900e1b652be Mon Sep 17 00:00:00 2001
From: Matthew Harrison-Jones <matthojo@gmail.com>
Date: Mon, 16 Sep 2013 08:59:10 +0100
Subject: [PATCH] Bug Fix: Clicking on a Tag on the Mobile Tag view screen will
 no longer shrink the view

---
 ghost/admin/assets/sass/layouts/editor.scss |  5 +++++
 ghost/admin/views/editor-tag-widget.js      | 15 ++++++++++-----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/ghost/admin/assets/sass/layouts/editor.scss b/ghost/admin/assets/sass/layouts/editor.scss
index 29cc2182b0..57bcf8585c 100644
--- a/ghost/admin/assets/sass/layouts/editor.scss
+++ b/ghost/admin/assets/sass/layouts/editor.scss
@@ -443,6 +443,8 @@ body.zen {
 
 .extended-tags { // When the tag bar is exapanded
     position: static;
+    min-height: 100%;
+    
     #entry-tags {
         &:after {
             right: 10px;
@@ -487,6 +489,7 @@ body.zen {
         height: 26px;
         @include linear-gradient(left, rgba(26, 28, 29, 0.00), rgba(26, 28, 29, 1.00));
         z-index: 9999;
+        pointer-events: none;
 
         @include breakpoint($mobile) {
             right: 176px;
@@ -512,6 +515,7 @@ body.zen {
     padding-bottom: 20px;
     overflow-x: auto;
     overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
     white-space: nowrap;
     @include transition(width 0.2s linear);
 
@@ -520,6 +524,7 @@ body.zen {
         display: block;
         width: 115px;
         max-width: inherit;
+        padding-bottom: 0;
     }
 }
 
diff --git a/ghost/admin/views/editor-tag-widget.js b/ghost/admin/views/editor-tag-widget.js
index 73baaf1b67..17e576ab5e 100644
--- a/ghost/admin/views/editor-tag-widget.js
+++ b/ghost/admin/views/editor-tag-widget.js
@@ -1,6 +1,6 @@
 // The Tag UI area associated with a post
 
-/*global window, document, $, _, Backbone, Ghost */
+/*global window, document, setTimeout, $, _, Backbone, Ghost */
 
 (function () {
     "use strict";
@@ -84,14 +84,19 @@
                     });
                 }
 
-                $(".tag-input").one("blur", function () {
-                    if (publishBar.hasClass("extended-tags")) {
+                $(".tag-input").one("blur", function (e) {
+
+                    if (publishBar.hasClass("extended-tags") && !$(':hover').last().hasClass("tag")) {
                         publishBar.css("top", "auto").animate({"height": "40px"}, 300, "swing", function () {
                             $(this).removeClass("extended-tags");
                             $(document.activeElement).blur();
+                            document.documentElement.style.display = "none";
+                            setTimeout(function () { document.documentElement.style.display = 'block'; }, 0);
                         });
                     }
                 });
+
+                window.scrollTo(0, 1);
             }
         },
 
@@ -220,11 +225,10 @@
         },
 
         handleTagClick: function (e) {
-            if (e) { e.stopPropagation(); }
             var $tag = $(e.currentTarget),
                 tag = {id: $tag.data('tag-id'), name: $tag.text()};
             $tag.remove();
-
+            window.scrollTo(0, 1);
             this.model.removeTag(tag);
         },
 
@@ -265,6 +269,7 @@
             var $tag = $('<span class="tag" data-tag-id="' + tag.id + '">' + tag.name + '</span>');
             this.$('.tags').append($tag);
             $(".tag").last()[0].scrollIntoView(true);
+            window.scrollTo(0, 1);
             this.model.addTag(tag);
 
             this.$('.tag-input').val('').focus();