Add resize to trix editor

[mikiher]

Brief summary

Adds a resize handle to the rich text editor.

Which issue is fixed?

Fixes #3928

In-depth Description

• Added resize: vertical to text-editor style
• Set height and min-height properties (instead of max-height)

How have you tested this?

Resize handle now shows up where the rich text editor appears, and works as expected.

[advplyr]

The white resize handle doesn't look great but it works.

I remember a long time ago this used be an issue with Textarea but I think the browsers all use transparent handles now. I'm not sure what Trix is doing since there are no docs about it. It's not worth spending any additional time on right now.

Thanks!

[mikiher]

I don't think trix is doing anything special. As far as I've seen this is the same as with the old textarea.
Here's a screenshot from v2.18.1:

I tried tinkering with it for a little while but couldn't succeed in making it look right. I think it might have something to do with the non-standard scrollbar we use.

[nichwall]

What browser are y'all using? From the referenced issue, the screenshot I shared was using Firefox and it does not have the little white box.

[advplyr]

Ah yeah it only happens when the textarea is scrollable. If you remove all the contents it is good.

And this is the same with our plaintext textarea.

[mikiher]

It might be possible to fix by changing the (non-defalt) toolbar style we use. Where is that defined?

[advplyr]

Scrollbars are customized in app.css