From 3e0334162253854b94ece930bdcda0a64cb3f3d3 Mon Sep 17 00:00:00 2001
From: Logan Hanks <logan@reddit.com>
Date: Tue, 18 Oct 2011 11:11:48 -0700
Subject: [PATCH] Hide the flair selector text customizer when it's disabled.

---
 r2/r2/public/static/css/reddit.css |  2 +-
 r2/r2/public/static/js/flair.js    | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/r2/r2/public/static/css/reddit.css b/r2/r2/public/static/css/reddit.css
index 5912ae74b..67ae12587 100644
--- a/r2/r2/public/static/css/reddit.css
+++ b/r2/r2/public/static/css/reddit.css
@@ -751,7 +751,7 @@ a.author { margin-right: 0.5em; }
 }
 
 .flairselector .customizer { display: inline-block; }
-.flairselector .customizer input { display: block; }
+.flairselector .customizer input { display: none; }
 .flairselector .customizer button { display: inline !important; }
 
 .media-button .option { color: red; }
diff --git a/r2/r2/public/static/js/flair.js b/r2/r2/public/static/js/flair.js
index 734cd1590..975bfe847 100644
--- a/r2/r2/public/static/js/flair.js
+++ b/r2/r2/public/static/js/flair.js
@@ -44,16 +44,18 @@ $(function() {
         $(form).children('input[name="flair_template_id"]').val(this.id);
         var customizer = $(form).children(".customizer");
         var input = customizer.children("input");
-        input.val($.trim($(this).children(".flair").text())).select();
-        input.keyup(function() {
-            $(".flairselection .flair").text($(input).val());
-        });
         if ($(this).hasClass("texteditable")) {
             customizer.addClass("texteditable");
             input.removeAttr("disabled");
+            input.css("display", "block");
+            input.val($.trim($(this).children(".flair").text())).select();
+            input.keyup(function() {
+                $(".flairselection .flair").text($(input).val());
+            });
         } else {
             customizer.removeClass("texteditable");
             input.attr("disabled", "disabled");
+            input.css("display", "none");
         }
         $(".flairselection").html($(this).first().children().clone());
         $(".flairselector button").removeAttr("disabled");