overleaf/services/web/frontend/js/directives/expandableTextArea.js
Alasdair Smith bc1b73d74e Merge pull request #2515 from overleaf/as-transform-absolute-paths
Transform absolute paths in frontend to relative

GitOrigin-RevId: c1914c0fd09d68984ba6c85a1f00aa3e6858d944
2020-04-07 03:18:45 +00:00

31 lines
959 B
JavaScript

/* eslint-disable
no-undef,
*/
// TODO: This file was created by bulk-decaffeinate.
// Fix any style issues and re-enable lint.
/*
* decaffeinate suggestions:
* DS102: Remove unnecessary code created because of implicit returns
* Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
*/
define(['../base'], App =>
App.directive('expandableTextArea', () => ({
restrict: 'A',
link(scope, el) {
const resetHeight = function() {
const curHeight = el.outerHeight()
const fitHeight = el.prop('scrollHeight')
// clear height if text area is empty
if (el.val() === '') {
el.css('height', 'unset')
}
// otherwise expand to fit text
else if (fitHeight > curHeight) {
scope.$emit('expandable-text-area:resize')
el.css('height', fitHeight)
}
}
return scope.$watch(() => el.val(), resetHeight)
}
})))