overleaf/services/web/public/coffee/directives/expandableTextArea.coffee

define [
	"base"
], (App) ->
	App.directive "expandableTextArea", () ->
		restrict: "A"
		link: (scope, el) ->
			resetHeight = () ->
				curHeight = el.outerHeight()
				fitHeight = el.prop("scrollHeight")
				
				if fitHeight > curHeight and el.val() != ""
					scope.$emit "expandable-text-area:resize"
					el.css("height", fitHeight) 

			scope.$watch (() -> el.val()), resetHeight
Add expandable text area directive; apply it to review panel text areas. 2017-01-25 13:51:33 +00:00			`define [`
			`"base"`
			`], (App) ->`
			`App.directive "expandableTextArea", () ->`
			`restrict: "A"`
			`link: (scope, el) ->`
			`resetHeight = () ->`
Avoid shrinking the expandable text area. 2017-01-26 11:59:55 +00:00			`curHeight = el.outerHeight()`
			`fitHeight = el.prop("scrollHeight")`

			`if fitHeight > curHeight and el.val() != ""`
Emit event when textarea resizes; capture it in the review panel and trigger reflow. 2017-01-26 14:35:01 +00:00			`scope.$emit "expandable-text-area:resize"`
Avoid shrinking the expandable text area. 2017-01-26 11:59:55 +00:00			`el.css("height", fitHeight)`
Add expandable text area directive; apply it to review panel text areas. 2017-01-25 13:51:33 +00:00
			`scope.$watch (() -> el.val()), resetHeight`