LupusNobilis
/
sogo
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(mail(js)): skrink autogrow md-input when content is removed

pull/270/head
Francis Lachapelle 2020-02-12 10:57:43 -05:00
parent dda13e602b
commit 95b3e9d4fa
2 changed files with 24 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
UI/WebServerResources/js/Common/sgAutogrow.directive.js
View File

@ -19,26 +19,39 @@
<textarea rows="9" md-no-autogrow sg-autogrow />
*/
sgAutogrow.$inject = ['$timeout'];
function sgAutogrow($timeout) {
sgAutogrow.$inject = ['$document', '$timeout'];
function sgAutogrow($document, $timeout) {
return {
restrict: 'A',
link: function(scope, elem, attr) {
var textarea = elem[0];
var hiddenDiv = $document[0].createElement('div');
var content = null;
hiddenDiv.classList.add('md-input');
hiddenDiv.classList.add('plain-text');
hiddenDiv.style.display = 'none';
hiddenDiv.style.whiteSpace = 'pre-wrap';
hiddenDiv.style.wordWrap = 'break-word';
textarea.parentNode.appendChild(hiddenDiv);
textarea.style.resize = 'none';
textarea.style.overflow = 'hidden';
function AutoGrowTextArea() {
$timeout(function() {
if (textarea.clientHeight < textarea.scrollHeight) {
textarea.style.height = textarea.scrollHeight + 'px';
if (textarea.clientHeight < textarea.scrollHeight) {
textarea.style.height = (textarea.scrollHeight * 2 - textarea.clientHeight) + 'px';
}
}
content = textarea.value;
content = content.replace(/\n/g, '<br>');
hiddenDiv.innerHTML = content + '<br style="line-height: 3px;">';
hiddenDiv.style.visibility = 'hidden';
hiddenDiv.style.display = 'block';
textarea.style.height = hiddenDiv.offsetHeight + 'px';
console.debug('resize to ' + hiddenDiv.offsetHeight + 'px');
hiddenDiv.style.visibility = 'visible';
hiddenDiv.style.display = 'none';
});
}
textarea.style.overflow = 'hidden';
elem.on('keyup', AutoGrowTextArea);
elem.on('paste', AutoGrowTextArea);

1
UI/WebServerResources/scss/views/MessageEditorUI.scss
View File

@ -2,6 +2,7 @@
// Plain text editor
md-input-container .md-input.plain-text {
height: auto;
padding-left: $mg;
padding-right: $mg;
}