Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Wrap Long text fields (textarea) #7552

Closed
Tracked by #7554
x3mp opened this issue Oct 10, 2024 · 11 comments · Fixed by #8557
Closed
Tracked by #7554

Wrap Long text fields (textarea) #7552

x3mp opened this issue Oct 10, 2024 · 11 comments · Fixed by #8557
Assignees
@guillim
Labels
blocked: tech spec needed scope: front Issues that are affecting the frontend side only

Comments

@x3mp
Copy link

x3mp commented Oct 10, 2024 •
edited
Loading

Current behavior

Currently, there is no long text fields in which you could add some more information about a problem (task for example). You can add normal text fields but text isn't shown fully. Only on hover, which by design is pretty bad UI/UX.

Default:
image

On hover:
image

Expected behavior

A textarea field as implemented in (for example) salesforce. While, still remaining the ability to filter on long text fields (not possible in salesforce, so a huge win in my eyes).

How it would look
image

Also supports (shift+enter) newlines for better readability.
image

This will be very nice when being able to customize your own record pages.

Technical inputs

No clue to be honest, just throwing the idea out there.
@Bonapara
Copy link
Member

I think this is the option to "wrap" content, similar to what Notion offers.
image

@Bonapara Bonapara changed the title Long text fields (textarea) Wrap Long text fields (textarea) Oct 10, 2024
@Bonapara Bonapara added the scope: front Issues that are affecting the frontend side only label Oct 10, 2024
@Bonapara
Copy link
Member

Should Wait Custom Layouts to work on this

@Bonapara Bonapara mentioned this issue Oct 10, 2024
Open
@absolutechy
Copy link

/assign

4 similar comments
@shindebhavika
Copy link

/assign

@shindebhavika
Copy link

/assign

@shindebhavika
Copy link

/assign

@shindebhavika
Copy link

/assign

@FelixMalfait
Copy link
Member

Let's do this as an option to the field type.
E.g. Type = Single-Line vs Multi-Line, and Display Line Count = 2 to +infty

@Bonapara
Copy link
Member

Bonapara commented Nov 13, 2024 •
edited
Loading

image

image

After some Figma tests, I think a single setting could do the job, @FelixMalfait.

https://www.figma.com/design/xt8O9mFeLl46C5InWwoMrN/Twenty?node-id=42280-49951&node-type=frame&t=ex1e0cHTM7Dx0cc7-11

@Bonapara
Copy link
Member

CleanShot 2024-11-14 at 14 43 00

Let's not implement the All lines option to prevent excessive scrolling before reaching the field below.

@Bonapara
Copy link
Member

Bonapara commented Nov 14, 2024 •
edited
Loading

Important

Final design

Menu

CleanShot 2024-11-14 at 14 54 11

All Lines should be 99 lines.

Updated Wording

CleanShot 2024-11-14 at 14 57 49

@guillim guillim mentioned this issue Nov 18, 2024
Merged
Weiko pushed a commit that referenced this issue Nov 18, 2024
@guillim
Wrap Long text fields (textarea) (#8557)
2f3c416 
Here we add the option for Text inputs to be wrapped, and to select on
how many lines text should be displayed.

Fix #7552

---------

Co-authored-by: guillim <[email protected]>
@github-project-automation github-project-automation bot moved this from 🆕 New to ✅ Done in Product development ✅ Nov 18, 2024
@guillim guillim mentioned this issue Nov 19, 2024
Merged
Weiko pushed a commit that referenced this issue Nov 19, 2024
@guillim
Feature 7552 patch (#8574)
4a8234d 
Related to #7552

<img width="556" alt="Screenshot 2024-11-18 at 17 57 30"
src="https://github.com/user-attachments/assets/e89e575b-9adb-4910-ab0d-b60079727f70">

---------

Co-authored-by: guillim <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@guillim guillim

Labels
blocked: tech spec needed scope: front Issues that are affecting the frontend side only
Projects
Product development ✅
Archived in project
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Wrap Long text fields (textarea) twentyhq/twenty
6 participants
@FelixMalfait @x3mp @guillim @Bonapara @shindebhavika @absolutechy