dzeio/FormManager
1
0
Fork 0
mirror of https://github.com/dzeiocom/FormManager.git synced 2025-06-07 16:49:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make it so textarea auto resize when value is changed

Browse Source 
Signed-off-by: Florian Bouillon <florian.bouillon@delta-wings.net>
This commit is contained in:
Florian Bouillon 2020-07-24 17:16:21 +02:00
parent 90d74bd21a
commit b327499b24
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/modules/TextAreaInput.ts
View File

@ -7,13 +7,19 @@ export default class TextAreaInput extends DefaultInput {
public constructor(element: HTMLElement, form: FormManager) { public constructor(element: HTMLElement, form: FormManager) {
super(element, form) super(element, form)
element.style.resize = 'none' element.style.resize = 'none'
const event = () => {
element.style.minHeight = "5px"
element.style.minHeight = `calc(2em + ${element.scrollHeight+5}px)`
}
;(element as HTMLTextAreaElement).addEventListener('keydown', event)
;(element as HTMLTextAreaElement).addEventListener('keypress', event)
;(element as HTMLTextAreaElement).addEventListener('keydown', this.event)
;(element as HTMLTextAreaElement).addEventListener('keypress', this.event)
}
private event = () => {
this.element.style.minHeight = "5px"
this.element.style.minHeight = `calc(2em + ${this.element.scrollHeight+5}px)`
}
public setValue(value: any) {
this.event()
this.element.value = this.formatValue(value) || ""
} }
public static identity: InputIdentity = { public static identity: InputIdentity = {