🐛 BUG: text overflow issue on the post side widget

[sshanzel]

What went wrong? 🤔

When a link is part of the Squad's description, it overflows like below.

Quick link: https://dly.to/Z36wbkFJyc8

Expected Behavior

It should just wrap the text to the next line.

Steps to Reproduce Issue

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See the error

Solution Proposed

No response

Screenshots

![DESCRIPTION](LINK.png)

Environment

No response

Browsers

No response

OS

No response

Version of daily.dev

No response

Additional Context

No response

Code of Conduct

• I follow the conditions of this project.

[Abhi-Bohora]

Hello @sshanzel can you please assign this to me

[sshanzel]

@Abhi-Bohora why not. Feel free to take a peek 🚀

[Abhi-Bohora]

Hello @sshanzel I can see this in production but in development, I cannot figure out how to reproduce this as per my understanding it needs two accounts one to create a squad and write some overflowing URL in the squad description or some squad with a link in the description. is there a way to create two accounts in development or some ways to reproduce this so i can fix this ? also if I create squad or click on Public squad in gitpod development environment it redirects me to localhost http://localhost:5002/squads/testsquad from gitpod environment and gives me This site can’t be reached in page

[sshanzel]

Hello @sshanzel I can see this in production but in development, I cannot figure out how to reproduce this as per my understanding it needs two accounts one to create a squad and write some overflowing URL in the squad description or some squad with a link in the description. is there a way to create two accounts in development or some ways to reproduce this so i can fix this ? also if I create squad or click on Public squad in gitpod development environment it redirects me to localhost http://localhost:5002/squads/testsquad from gitpod environment and gives me This site can’t be reached in page

Creating the Squad went through, the issue is with the URL from the sidebar as it is an absolute path. With GitPod it should actually be different. To get past this, once you have created the Squad, manually type in the URL bar the hostname of the gitpod env + /squads/testsquad.

For example, my env is hosted under https://5002-dailydotdev-apps-n7f8m4tjy4j.ws-us116.gitpod.io - append the squads link like: https://5002-dailydotdev-apps-n7f8m4tjy4j.ws-us116.gitpod.io/squads/testsquad.

[Abhi-Bohora]

@sshanzel I tried this but got this error please see the screenshot. my gitpod is running in https://5002-dailydotdev-apps-vwf4wjsihxt.ws-us116.gitpod.io/ and I have just created the testsquad and when I enter https://5002-dailydotdev-apps-vwf4wjsihxt.ws-us116.gitpod.io/squads/testsquad in URL I get the error shown in the screenshot.

Error

[satvik2131]

Yes , I am facing the same issue while using gitpod and created a separate issue for that
#1502

[omBratteng]

Leaving this here if anyone wants a quick fix, just change this line from

https://github.com/dailydotdev/apps/blob/5508daae5031637a6f779c6f6b22ca3fb5982bf9/packages/shared/src/components/post/SquadPostWidgets.tsx#L48

<p className="mt-1 text-text-tertiary typo-callout">

to

<p className="mt-1 overflow-hidden text-ellipsis text-text-tertiary typo-callout">

[rebelchris]

Closing this!

Thanks for the fix @Abhi-Bohora 🍻