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
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.
Input a custom keyword that is excessively long (e.g., 3 or more sentences).
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
Environment
OS: Windows
Version: 11
Browser: Brave
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.
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
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
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.