pupupu

commit

97e9d7e79aa6a5d0fd95aeebf0c38f270f266ce1

parent

a014f4b83a5d4969bdb453ef94fcdfb73087fe8c

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2018-10-12 17:06

resize teaxtarea automatically

Diffstat

1 files changed, 24 insertions, 0 deletions

diff --git a/static/main.js b/static/main.js

@@ -1,5 +1,29 @@
    1     1 (function() {
   -1     2     var on = function(element, eventType, selector, fn) {
   -1     3         element.addEventListener(eventType, function(event) {
   -1     4             var target = event.target.closest(selector);
   -1     5             if (target && element.contains(target)) {
   -1     6                 return fn.call(target, event);
   -1     7             }
   -1     8         });
   -1     9     };
   -1    10 
    2    11     new SimpleMDE({
    3    12         spellChecker: false,
    4    13     });
   -1    14 
   -1    15     var resize = function(event) {
   -1    16         /* 0-timeout to get the already changed text */
   -1    17         setTimeout(() => {
   -1    18             this.style.height = 'auto';
   -1    19             this.style.height = this.scrollHeight + 5 + 'px';
   -1    20         }, 0);
   -1    21     };
   -1    22 
   -1    23     on(document, 'init', 'textarea', resize);
   -1    24     on(document, 'change', 'textarea', resize);
   -1    25     on(document, 'keydown', 'textarea', resize);
   -1    26     document.querySelectorAll('textarea').forEach(function(e) {
   -1    27         resize.call(e);
   -1    28     });
    5    29 })()