supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #504 from thelounge/astorije/fix-reset-textarea-height

Browse Source 
Use min-height of textarea when computing auto-resize after deleting a char
This commit is contained in:
Jérémie Astori 2016-07-17 18:20:26 -04:00 committed by GitHub
commit b5e8ee6d7d
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/css/style.css
View File

@ -1263,6 +1263,7 @@ button {
background: transparent; background: transparent;
border: none; border: none;
font: inherit; font: inherit;
min-height: 18px; /* Required when computing input height at char deletion */
height: 18px; height: 18px;
max-height: 90px; max-height: 90px;
line-height: 1.5; line-height: 1.5;

7
client/js/lounge.js
View File

@ -632,8 +632,11 @@ $(function() {
.history() .history()
.on("input keyup", function() { .on("input keyup", function() {
var style = window.getComputedStyle(this); var style = window.getComputedStyle(this);
this.style.height = "0px";
this.offsetHeight; // force reflow // Start by resetting height before computing as scrollHeight does not
// decrease when deleting characters
this.style.height = this.style.minHeight;
this.style.height = Math.min( this.style.height = Math.min(
Math.round(window.innerHeight - 100), // prevent overflow Math.round(window.innerHeight - 100), // prevent overflow
this.scrollHeight this.scrollHeight