Custom Textarea Like Whatsapp
Custom Textarea Like Whatsapp
<div contenteditable="true" id="message" class="textarea_like_whatsapp" data-text="Type something..."> </div>
#################### scss
.textarea_like_whatsapp {
display: block;
min-height: 60px;
max-height: 98px;
overflow-x: auto;
width: calc(100% - 103px);
line-height: 21px;
padding: 10px;
font-size: 15px;
line-height: 25px;
border: 2px solid gray
float: left;
}
[contentEditable="true"] {
&:empty {
&:not(:focus) {
&:before {
content: attr(data-text);
}
}
}
}