Topic: Scrollbar inside the textarea
I have some issues with textarea. I cannot add a scrollbar inside the textarea and the scrollwheel doesn't work neither in the textarea.
https://mdbootstrap.com/snippets/jquery/zhao/60761
Add comment
Jakub Strebeyko staff answered 6 years ago
Hi there Zhao,
MDB Textarea was created in according to the Material Design Spec. It is targeting a pleasant, mostly mobile experience, which a suddenly appearing scrollbar on a side of the textarea would likely ruin by narrowing the input area, sending some content down, reevaluating the little scrollbar position again etc. This is why on Android OS scrolling textareas vertically is handled with the text cursor, leaving the layout intact and readable, while on desktop it is done using arrow keys.
If one values scrollbar feature above material design ones, the default, bootstrap textaea is the answer - they do have scrollbars, and as such are viable for being styled as pseudo-elements (docs). I created a snippet for that case, be sure to check it out!
With Best Regards,
Kuba
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.5.10
- Device: Desktop
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No
Tags
Related topics