Make resizing textareas not bounce.

Make resizing textareas not bounce.

The box was tightly sized to the text so adding new lines caused a temporary
bounce/jiggle/shimmy[1].  Solution crafted working with Rick, Huw, Curtis, and
Luca was to add some room to grow when the textarea gains focus and then
remove it on blur.  The effect is quite nice and Luca gave it a thumbs up from
a UX standpoint, though I'll seek his final review on this branch.

https://code.launchpad.net/~bac/juju-gui/bouncy/+merge/164267

(do not edit description out of merge proposal)

[bac, 2013-05-16 21:06:39]

Please take a look.

[gary.poster, 2013-05-17 12:15:19]

LGTM.  It qas very nicely on Chrome, FF and IE 10.  Thank you for bringing this
to such a nice conclusion!

https://codereview.appspot.com/9449044/diff/1/test/test_resizing_textarea.js
File test/test_resizing_textarea.js (right):

https://codereview.appspot.com/9449044/diff/1/test/test_resizing_textarea.js#...
test/test_resizing_textarea.js:301: it('should change by single line height when
focus changes', function() {
Good test, thank you.

[benji, 2013-05-17 12:21:36]

Cool, LGTM.

https://codereview.appspot.com/9449044/diff/1/Makefile
File Makefile (right):

https://codereview.appspot.com/9449044/diff/1/Makefile#newcode35
Makefile:35: -e '^app/assets/javascripts/FileSaver.js$$' \
Something for the future: We really shouldn't be putting vendor imports in our
code tree.  Moving these out would help simplify the make file (and grepping the
source).

[luca.paulina, 2013-05-17 13:47:26]

LGTM

On 2013/05/17 12:21:36, benji wrote:
> Cool, LGTM.
> 
> https://codereview.appspot.com/9449044/diff/1/Makefile
> File Makefile (right):
> 
> https://codereview.appspot.com/9449044/diff/1/Makefile#newcode35
> Makefile:35: -e '^app/assets/javascripts/FileSaver.js$$' \
> Something for the future: We really shouldn't be putting vendor imports in our
> code tree.  Moving these out would help simplify the make file (and grepping
the
> source).

[bac, 2013-05-17 13:57:32]

*** Submitted:

Make resizing textareas not bounce.

The box was tightly sized to the text so adding new lines caused a temporary
bounce/jiggle/shimmy[1].  Solution crafted working with Rick, Huw, Curtis, and
Luca was to add some room to grow when the textarea gains focus and then
remove it on blur.  The effect is quite nice and Luca gave it a thumbs up from
a UX standpoint, though I'll seek his final review on this branch.

R=gary.poster, benji, luca.paulina
CC=
https://codereview.appspot.com/9449044