-
Notifications
You must be signed in to change notification settings - Fork 57
/
index.js
38 lines (30 loc) · 2.01 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import { TextareaAutoSize } from './src/textarea-autosize'
const textareaWrapper = new TextareaAutoSize(document.querySelector('textarea.js-auto-size'))
document.addEventListener("click", (event) => {
if (event.target.closest(".js-textarea-demo-options a")) {
event.preventDefault()
const link = event.target
const linkIndex = [...link.parentNode.children].indexOf(link)
const textarea = document.querySelector('textarea.js-auto-size');
textarea.classList.remove('single-line', 'multiple-lines');
if (linkIndex == 0) {
textarea.classList.add('single-line')
textarea.setAttribute('rows', 1);
}
else if (linkIndex == 1 || linkIndex == 2) {
textarea.classList.add('multiple-lines')
textarea.setAttribute('rows', 3);
}
if (linkIndex == 2) {
textarea.value = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris luctus diam vel diam aliquam ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras auctor imperdiet urna, id tristique neque cursus non. Nam eu magna cursus, fermentum justo nec, gravida odio. Etiam nec convallis massa, sit amet dictum diam. Praesent malesuada tortor vitae leo placerat luctus. Pellentesque sed quam sagittis, venenatis felis tempus, mollis eros. Aenean viverra, neque a tristique sollicitudin, urna metus venenatis felis, ac fringilla risus nibh nec enim. Morbi pellentesque justo at bibendum pulvinar. Integer nulla felis, volutpat pharetra purus eget, accumsan elementum magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque dignissim volutpat est vitae pretium. Vestibulum interdum sapien sit amet dui convallis sodales. Nam consequat libero sit amet semper viverra. Vestibulum consequat faucibus dui vitae consequat.'
}
else {
textarea.value = ''
}
textareaWrapper.update()
// Or manually dispatch input event, either works
// textarea.dispatchEvent(new Event("input", { bubbles: true }))
textarea.focus()
}
return false
});