search

harshithtunuguntla / project-osus

HacktoberFest OpenSource URLShortener Application - Participate in Hacktoberfest by contributing to any Open Source project on GitHub! Here is a starter project for first time contributors. #hacktoberfest
https://project-osus.vercel.app
15 stars 33 forks source link

[BUG] Shortened URL Overflows Container Box for Long Custom Keywords #36

Closed DCGUY009 closed 1 week ago

DCGUY009 commented 1 week ago

Description

The shortened URL text overflows outside the container box when a custom keyword or link exceeds 2 sentences. Although URLs are meant to be concise, this issue affects the user interface (UI) presentation and needs to be addressed.

Steps to Reproduce

  1. Go to the OSUS URL shortening page.
  2. Enter any URL (e.g., https://www.google.com).
  3. Input a custom keyword that is excessively long (e.g., 3 or more sentences).
  4. Click "Shorten" and observe the shortened URL displayed.

Expected Behavior

The shortened URL should remain contained within the designated box, regardless of the length of the custom keyword or URL, or it should be truncated or wrapped.

Actual Behavior

The shortened URL spills out of the container box, breaking the layout and affecting the UI's aesthetics.

Screenshots

image

Environment

Additional Context

Though the URL's length should not typically exceed 2 sentences, from a UI perspective, proper text wrapping, truncation, or scroll bars should be implemented to prevent layout breaks.

BimleshRB commented 1 week ago

/assign can you please add hacktober tags

DCGUY009 commented 1 week ago

Hi @BimleshRB assigned it to you, happy hacking!

harshithtunuguntla commented 1 week ago

This has been resolved!!