Skip to content

[Trix input] - max height and scroll set.#58

Open
milos-dukic wants to merge 1 commit intobasecamp:mainfrom
milos-dukic:trix-editor-max-height
Open

[Trix input] - max height and scroll set.#58
milos-dukic wants to merge 1 commit intobasecamp:mainfrom
milos-dukic:trix-editor-max-height

Conversation

@milos-dukic
Copy link
Contributor

UI/UX improvemnent of the text editor component in use i.e. Trix editor.

Namely, when you start typing the message in the editor, as the message grows so does the editor's UI, up to a point that it can become as big as chat panel, and as such it obscures the previous messages i.e. chat history.

As I am aware Trix editor doesn't have regular setup for the rows, but this is achieved via CSS.

Now just to compare:

  1. MS Teams shows 12 rows of text without scrollbar
  2. Slack shows 23 rows of text without scrollbar

After the above threshold is breached, we get the scrollbar for the input text field for the above apps.

Unfortunately, Campfire doesn't have this limmit.

So, I would suggest, for the sake of better UX to make some limmits for the UI input.
It doesn't have to be so restrictive as MS Teams, but I think that it should be less then in Slack.

So, my suggestion would be to limmit it to 15 lines, that would be 360px, that would be equal to 2116 characters, without scrolling (that is on most of the laptop/desktop displays).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant