Scrollbar inside the textarea


Topic: Scrollbar inside the textarea

Zhao pro asked 6 years ago

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

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
Please insert min. 20 characters.

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