Improved format of contenteditable.

app/assets/javascripts/app/controllers/layout_ref.js.coffee

@@ -116,11 +116,6 @@ class CommunicationOverview extends App.ControllerContent
     scrollHolder = pageHeader.scrollParent()
     scrollBody = scrollHolder.get(0).scrollHeight - scrollHolder.height()
 
-    if scrollBody > pageHeader.height()
-      skrollr.init
-        forceHeight: false
-        holder: scrollHolder.get(0)
-
   render: ->
     @html App.view('layout_ref/communication_overview')()
 
@@ -156,7 +151,7 @@ class LayoutRefCommunicationReply extends App.ControllerContent
     else if @content is 'content'
       @content = "some content la la la la"
     else
-      @content = "some\nmultiline content\n1\n2\n3"
+      @content = "<p>some</p><p>multiline content</p>1<p>2</p><p>3</p>"
 
     @render()
 

app/assets/javascripts/app/views/layout_ref/communication_reply.jst.eco

@@ -11,7 +11,7 @@
       <div class="internal-border">
         <div class="text-bubble">
           <div class="bubble-arrow"></div>
-          <div class="js-textarea ticketEdit-body" contenteditable="true"><%= @content %></div>
+          <div class="js-textarea ticketEdit-body" contenteditable="true"><%- @content %></div>
           <!-- .text-bubble grows with textarea (and expanding clone) -->
           <div class="attachments"></div>
             <!--

app/assets/stylesheets/zammad.css.scss

@@ -150,6 +150,9 @@ small {
 [contenteditable] > .placeholder {
   color: #999;
 }
+[contenteditable] p {
+  margin: 0;
+}
 
 .close,
 .close:hover {