Textarea scroll bar

Hi everyone,
I have a problem with the scroll bar for text areas, I tried to fix a height but the scroll bar is never displayed, is it a bug or is it wanted that the text areas do not show the scroll bar?

It’s a known issue (among lots of others) and was never fixed

I cannot understand how UXP spectrum textarea has no ability to use scrolling — all of a sudden I feel like I’m back in a 1995 computer lab on my old university campus. Baffling!

It is not only spectrum UXP but the “textarea” HTML element itself which has the issue. I really don’t understand very well how UXP render engine works as it is somehow “based” on HTML but is not HTML? :thinking:

HTML:

<textarea></textarea>

CSS:

textarea {
  overflow-y: scroll;
  height: 100px;
  resize: none; /* Remove this if you want the user to resize the textarea */
}

Scrollbars will render if the entry text is over 100px in height.

UXP does not allow this and I simply do not understand why. Scrolling is obviously an important interaction for the utility of <textarea> especially when text-to-whatever prompts are fashionable. UI designers do not want the element to constantly expand.

2 Likes

Thanks for your reply on the other thread ariestav. Did you ever end up finding a work around for the scroll bar issue? It was also on my list to implement after resizable text areas.

The only workaround is probably defining a custom textarea inside Webview.

@lachlanda I think the workaround that @tomzag proposed is the only workable one. Implementing a “Webview” is not very trivial, but it is doable.