fix: prevent game share URL from overflowing on mobile screens#2980
Merged
sydseter merged 1 commit intoMay 20, 2026
Merged
Conversation
Adarshkumar0509
requested review from
cw-owasp,
rewtd and
sydseter
as code owners
Adarshkumar0509
force-pushed
the
fix/mobile-url-input-overflow
branch
from
5cef7f7 to
d7df953
Compare
Contributor
Author
|
hii @sydseter take a look at this, whenever you have time |
sydseter
approved these changes
May 20, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
fixed issue: #2979
When creating a game and viewing the session page on a mobile device, the share URL input box overflows outside its container causing the layout to break on small screens.
The input element sits inside a flex row container but was missing min-w-0. Without this, flex children cannot shrink below their content size, so long URLs overflow the screen width on mobile.
Added min-w-0 to the input in the copy_url_button component in lib/copi_web/components/core_components/buttons.ex
Tested on iPhone SE viewport (375px) in Chrome DevTools.
Before:-
After:-
AI Tool Disclosure
[e.g. GitHub CoPilot, ChatGPT, JetBrains Junie etc.][e.g. GPT-4.1, Claude Haiku 4.5, Gemini 2.5 Pro etc.][Summarize the key prompts or instructions given to the AI tools]Affirmation