arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-29 19:30:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(Textarea): autoresize (#43)

Browse Source
This commit is contained in:
Sylvain Marroufin
2022-04-04 14:19:23 +02:00
committed by GitHub
parent 571e907acd
commit ba643d9faa
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/runtime/components/forms/Textarea.vue
View File

@@ -104,15 +104,19 @@ export default {
const autoResize = () => { const autoResize = () => {
if (props.autoresize) { if (props.autoresize) {
textarea.value.rows = props.rows
const styles = window.getComputedStyle(textarea.value) const styles = window.getComputedStyle(textarea.value)
const paddingTop = parseInt(styles.paddingTop) const paddingTop = parseInt(styles.paddingTop)
const paddingBottom = parseInt(styles.paddingBottom) const paddingBottom = parseInt(styles.paddingBottom)
const padding = paddingTop + paddingBottom const padding = paddingTop + paddingBottom
const initialHeight = (parseInt(styles.height) - padding) / textarea.value.rows const lineHeight = parseInt(styles.lineHeight)
const scrollHeight = textarea.value.scrollHeight - padding const { scrollHeight } = textarea.value
const newRows = Math.ceil(scrollHeight / initialHeight) const newRows = (scrollHeight - padding) / lineHeight
textarea.value.rows = newRows if (newRows > props.rows) {
textarea.value.rows = newRows
}
} }
} }