Skip to content

fix: UI breaks with too many email adresses#19610

Closed
harshit078 wants to merge 2 commits intocalcom:mainfrom
harshit078:overflow-fix
Closed

fix: UI breaks with too many email adresses#19610
harshit078 wants to merge 2 commits intocalcom:mainfrom
harshit078:overflow-fix

Conversation

@harshit078
Copy link
Copy Markdown
Contributor

@harshit078 harshit078 commented Feb 27, 2025

What does this PR do?

Prevented container overflow when no of emails exceeded a certain limit. Added scroll behaviour to control the overflow and enhance the user interface.

Visual Demo

Screen.Recording.2025-02-28.at.12.40.09.AM.mov

Mandatory Tasks (DO NOT REMOVE)

  • I have self-reviewed the code (A decent size PR without self-review might be rejected).
  • I have updated the developer docs in /docs if this PR makes changes that would require a documentation change. If N/A, write N/A here and check the checkbox.
  • I confirm automated tests are in place that prove my fix is effective or that my feature works.

@vercel
Copy link
Copy Markdown

vercel bot commented Feb 27, 2025

@harshit078 is attempting to deploy a commit to the cal Team on Vercel.

A member of the Team first needs to authorize it.

@graphite-app graphite-app bot added the community Created by Linear-GitHub Sync label Feb 27, 2025
@graphite-app graphite-app bot requested a review from a team February 27, 2025 19:11
@github-actions github-actions bot added Low priority Created by Linear-GitHub Sync ui area: UI, frontend, button, form, input ⚡ Quick Wins A collection of quick wins/quick fixes that are less than 30 minutes of work 🐛 bug Something isn't working labels Feb 27, 2025
@graphite-app
Copy link
Copy Markdown

graphite-app bot commented Feb 27, 2025

Graphite Automations

"Add consumer team as reviewer" took an action on this PR • (02/27/25)

1 reviewer was added to this PR based on Keith Williams's automation.

"Add community label" took an action on this PR • (02/27/25)

1 label was added to this PR based on Keith Williams's automation.

@Udit-takkar Udit-takkar added this to the v5.1 milestone Feb 27, 2025
handleVerifyEmail={() => handleResendVerifyEmail(field.email)}
handleItemDelete={() => deleteSecondaryEmail(index)}
/>
))}
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

in L687 there is secondaryEmailFields.map again. do we need both?

@retrogtx
Copy link
Copy Markdown
Contributor

hey @harshit078 thank you for your PR 🙏

this was fixed earlier with #19584 and #19602 !

closing for now.

@retrogtx retrogtx closed this Feb 28, 2025
@dosubot dosubot bot modified the milestone: v5.1 Feb 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🐛 bug Something isn't working community Created by Linear-GitHub Sync Low priority Created by Linear-GitHub Sync ⚡ Quick Wins A collection of quick wins/quick fixes that are less than 30 minutes of work ui area: UI, frontend, button, form, input

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[CAL-5226] UI breaks with too many email adresses

3 participants