         <span class="icon icon-plus"></span>
         <span class="add-tag-text">Add tag</span>
     </a>
-    <input type="text" placeholder="Write tag..." class="tag-input hidden" />
+    <input type="text" placeholder="Write tag..." class="tag-input" />
     <a href="" title="Save" class="save icon icon-floppy"></a>
     """
 

            input.autocomplete("close")
            $el.find('.save').hide()

        $scope.$watch $attrs.ngModel, (val) ->
            tags_colors = if $scope.project?.tags_colors? then $scope.project.tags_colors else []
            renderTags($el, val, editable, tags_colors)

            if val? and val.length > 0
                $el.find("span.add-tag-text").hide()
            else
                $el.find("span.add-tag-text").show()


        bindOnce $scope, "project", (project) ->
            # If not editable, no tags preloading is needed.
            editable = if $attrs.editable == "true" then true else false
            editable = editable and project.my_permissions.indexOf($attrs.requiredPerm) != -1

            if not editable
                $el.find("input").remove()

                })

        $el.on "keypress", "input", (event) ->
            return if event.keyCode not in [13, 27]
            event.preventDefault()

        $el.on "keyup", "input", (event) ->
