From 2331a659e4ea152c536523404dff4323a59e99d4 Mon Sep 17 00:00:00 2001 From: Vitaly Takmazov Date: Thu, 22 Jun 2017 22:26:22 +0300 Subject: www: fix textarea focus on mobile Safari by replacing buggy autosizer --- juick-www/src/main/static/scripts.js | 23 +++++++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) (limited to 'juick-www/src/main/static/scripts.js') diff --git a/juick-www/src/main/static/scripts.js b/juick-www/src/main/static/scripts.js index 78dc71f4..ddcf7923 100644 --- a/juick-www/src/main/static/scripts.js +++ b/juick-www/src/main/static/scripts.js @@ -1,4 +1,21 @@ -var autosize = require('autosize'); +var autosize = function(t) { + var offset = !window.opera ? (t.offsetHeight - t.clientHeight) + : (t.offsetHeight + parseInt(window.getComputedStyle(t, null).getPropertyValue('border-top-width'))) ; + + var resize = function(t) { + t.style.height = 'auto'; + t.style.height = (t.scrollHeight + offset ) + 'px'; + } + + t.addEventListener && t.addEventListener('input', function(event) { + resize(t); + }); + + t['attachEvent'] && t.attachEvent('onkeyup', function() { + resize(t); + }); +} + require('whatwg-fetch'); require('element-closest'); require('classlist.js'); @@ -531,7 +548,9 @@ function ready(fn) { } ready(function () { - autosize(document.querySelectorAll('textarea')); + document.querySelectorAll('textarea').forEach((ta) => { + autosize(ta); + }); var insertButtons = function (e) { var textarea = e.target; -- cgit v1.2.3