Bug: Unlimited string input makes website to overflow

[DhairyaMajmudar]

Describe the bug
If an user enters a lot of characters in the input fields of tutorial section, it causes the website to overflow in the x direction.
To Reproduce
Steps to reproduce the behavior:

1. Go to tutorial creation section
2. Start making tutorial and enter a lots of characters in the input fields
3. Create the tutorial.
4. See error

Expected behavior
The website must not overflow and for that, there must be a limit of characters in the input field.

Screencast

Screencast.from.2024-01-26.22-38-20.webm

Desktop (please complete the following information):

• OS: Linux ( Debian )
• Browser Firefox
• Version Latest

Smartphone (please complete the following information):

• Device: N/A
• OS: N/A
• Browser N/A
• Version N/A

Additional context
N/A

[github-actions]

Hello 👋🏻 @DhairyaMajmudar! Thankyou for creating an issue!

[DhairyaMajmudar]

Hi @shivareddy6 @Maahi10001 I am currently working on this bug, My approach will be to limit the input characters limit to 25 for title section and 100 for summary section.

[rohitPandey469]

Hey @DhairyaMajmudar, I'm not a fan of restricting how long titles and summaries can be, unless we're running out of space in the database. Finding super long words on a learning platform is as rare as finding a unicorn, unless it's a spelling bee thing. And if a sentence is too long, it just goes to the next line, no biggie! You can see it for yourself in video #1151.

[DhairyaMajmudar]

Hi @rohitPandey469, my concern about restricting the characters is to prevent overflow, in the above-attached video you can see how the website is overflowing in x direction due to long strings in title.

[rohitPandey469]

Long Strings but witn no spaces... try one long string with spaces @DhairyaMajmudar

[DhairyaMajmudar]

Yes @rohitPandey469 in that case the line is wrapping to the new line, But we have to also consider the case if the user intentionally / non-intentionally writes the long strings w/o spaces.

[github-actions]

This issue is stale because it has been open for 30 days with no activity.

[github-actions]

This issue was closed because it has been inactive for 14 days since being marked as stale.