I've been struggling to add a scrollbar to a React Textarea. I've referred to an old post on Stack Overflow here and a few other resources, but haven't had any luck.
I've tested it in both Chrome (Version 113.0.5672.129) and Edge (Version 114.0.1823.37)
Here's the code I have:
const myComponet = () => {
return (
<input type= "textarea" className={styles.largeTextBox} id="someTextBox"/>
)
}
//Stylesheet
.largeTextBox{
width: 200px;
height : 50px;
overflow-x:hidden;
overflow-y:scroll;
}
.frame::-webkit-scrollbar:vertical{
width:11px;
}
.frame-webkit-scrollbar-track{
background-color: #fff;
border-radius: 8px;
}
I would really appreciate some assistance on this.