PonyMirrors/philomena
1
0
Fork 0
mirror of https://github.com/philomena-dev/philomena.git synced 2024-11-23 20:18:00 +01:00
Code Issues Projects Releases Packages Wiki Activity

fix typing in markdown input causing page scroll position changes

Browse source
This commit is contained in:
SeinopSys 2021-10-01 00:43:04 +02:00
parent 27af96fe3a
commit 2bb86c9e3b
No known key found for this signature in database
GPG key ID: 9BFB053C1BA6C5C4
1 changed files with 2 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/js/preview.js
View file

@ -61,15 +61,13 @@ function getPreview(body, anonymous, previewLoading, previewIdle, previewContent
* @param {E} e * @param {E} e
*/ */
function resizeTextarea(e) { function resizeTextarea(e) {
// Reset inline height for fresh calculations
e.target.style.height = '';
const { borderTopWidth, borderBottomWidth, height } = window.getComputedStyle(e.target); const { borderTopWidth, borderBottomWidth, height } = window.getComputedStyle(e.target);
// Add scrollHeight and borders (because border-box) to get the target size that avoids scrollbars // Add scrollHeight and borders (because border-box) to get the target size that avoids scrollbars
const contentHeight = e.target.scrollHeight + parseFloat(borderTopWidth) + parseFloat(borderBottomWidth); const contentHeight = e.target.scrollHeight + parseFloat(borderTopWidth) + parseFloat(borderBottomWidth);
// Get the original default height provided by page styles // Get the original default height provided by page styles
const regularHeight = parseFloat(height); const currentHeight = parseFloat(height);
// Limit textarea's size to between the original height and 1000px // Limit textarea's size to between the original height and 1000px
const newHeight = Math.max(regularHeight, Math.min(1000, contentHeight)); const newHeight = Math.max(currentHeight, Math.min(1000, contentHeight));
e.target.style.height = `${newHeight}px`; e.target.style.height = `${newHeight}px`;
} }