         @_clone.appendTo 'body'
         @_clone.css
           height        : "auto"
-          "z-index"     : 100000
+          zIndex        : 100000
           width         : $input.width()
-          padding       : $input.css('padding')
-          "word-break"  : $input.css('word-break')
-          "font-size"   : $input.css('font-size')
-          "line-height" : $input.css('line-height')
+          border        : $input.css 'border'
+          padding       : $input.css 'padding'
+          wordBreak     : $input.css 'wordBreak'
+          fontSize      : $input.css 'fontSize'
+          lineHeight    : $input.css 'lineHeight'
+          whiteSpace    : "pre"
 
     @on "blur", =>
       @_clone.detach()

      event.preventDefault()
      t.selectionStart = t.selectionEnd = ss + tabLength




  resize: ->
    return  unless @_clone
    @_clone.appendTo 'body' unless document.body.contains @_clone[0]
    @_clone.html Encoder.XSSEncode @getValue()
    @_clone.append document.createElement "br"

    height = @_clone.height()
    if @$().css("boxSizing") is "border-box"
      padding = parseInt(@_clone.css("paddingTop"),     10) + parseInt(@_clone.css("paddingBottom"),     10)
      border  = parseInt(@_clone.css("borderTopWidth"), 10) + parseInt(@_clone.css("borderBottomWidth"), 10)
      height  = height + border + padding

    @setHeight Math.max @initialHeight, height

  enableTabKey:-> @inputTabKeyEnabled = yes

