ticket zoom: full click area for textarea

app/assets/javascripts/app/controllers/ticket_zoom/article_new.coffee

@@ -18,8 +18,8 @@ class App.TicketZoomArticleNew extends App.Controller
     'click .js-articleTypeItem':     'selectArticleType'
     'click .js-selectedArticleType': 'showSelectableArticleType'
     'click .js-mail-inputs':         'stopPropagation'
-    'click .js-writeArea':           'stopPropagation'
-    'click .list-entry-type div':    'change_type'
+    'click .js-writeArea':           'propagateOpenTextarea'
+    'click .list-entry-type div':    'changeType'
     'focus .js-textarea':            'openTextarea'
 
   constructor: ->
@@ -217,9 +217,8 @@ class App.TicketZoomArticleNew extends App.Controller
         )
       @subscribeIdTextModule = ticket.subscribe( callback )
 
-  change_type: (e) ->
+  changeType: (e) ->
     $(e.target).addClass('active').siblings('.active').removeClass('active')
-    # store $(this).data('value')
 
   toggleVisibility: (event) ->
     event.stopPropagation()
@@ -309,7 +308,12 @@ class App.TicketZoomArticleNew extends App.Controller
   scrollToBottom: ->
     @el.scrollParent().scrollTop @el.scrollParent().prop('scrollHeight')
 
+  propagateOpenTextarea: (event) ->
+    event.stopPropagation()
+    @textarea.focus()
+
   openTextarea: (event, withoutAnimation) =>
+    event.stopPropagation()
     if @articleNewEdit.hasClass('is-open')
       return
 

app/assets/stylesheets/zammad.scss

@@ -4588,6 +4588,7 @@ footer {
     border-radius: 5px;
     padding-left: 12px;
     padding-right: 12px;
+    cursor: text;
   }
 
     .article-new .textBubble [contenteditable],