Skip to content

Conversation

dreamwasp
Copy link
Contributor

@dreamwasp dreamwasp commented Sep 5, 2025

Overview

Adds abbreviation to SelectDropdown and misc fixes such as static height + text truncation, fixed grouped select option selection, multi-select tag formatting issues, and added overall better docs, organization, and tests

PR Checklist

  • Related to designs:
  • Related to JIRA ticket: [gm-1292]
  • I have run this code to verify it works
  • This PR includes unit tests for the code change
  • This PR includes testing instructions tests for the code change
  • The alpha package of this PR is passing end-to-end tests in all relevant Codecademy repositories

Testing Instructions

  1. Go to SelectDropdown story + play around with the examples
  2. Check out the new tests + run them if you want
  3. Play around with the new SelectDropdown abbreviation options
  4. Specifically check out the new testing examples - see you can't click on the remove of disabled multiple tags and the other dropdowns look niceeee
  5. Check it with VO
  6. Finish and do a celebratory dance

PR Links and Envs

Repository PR Link
Monolith Monolith PR
Mono Mono PR

Copy link

nx-cloud bot commented Sep 5, 2025

View your CI Pipeline Execution ↗ for commit 3b333d5

Command Status Duration Result
nx run-many --target=verify --parallel=3 --all ✅ Succeeded <1s View ↗
nx run-many --target=build --all ✅ Succeeded 1s View ↗

☁️ Nx Cloud last updated this comment at 2025-09-11 20:43:38 UTC

@dreamwasp dreamwasp changed the title feat: add abbreviations to SelectDropdown feat: add abbreviations to SelectDropdown, fixed grouped select + formatting issues Sep 9, 2025
@dreamwasp dreamwasp marked this pull request as ready for review September 10, 2025 18:20
@dreamwasp dreamwasp requested a review from a team as a code owner September 10, 2025 18:20
@dreamwasp dreamwasp marked this pull request as draft September 10, 2025 19:34
@dreamwasp dreamwasp marked this pull request as ready for review September 10, 2025 20:36
@dreamwasp dreamwasp requested a review from aresnik11 September 11, 2025 13:15
@dreamwasp dreamwasp requested a review from aresnik11 September 11, 2025 16:29
Copy link
Contributor

@aresnik11 aresnik11 left a comment

Choose a reason for hiding this comment

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

🔥

Copy link
Contributor

@LinKCoding LinKCoding left a comment

Choose a reason for hiding this comment

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

Noticed that the Icon example in SB strips away the icon in the Input after selecting an option.

Left some thoughts and a question that I'm curious about — if you'd rather these can be fast follows instead (or declined suggestions lol)

Nice work on fixing SelectDropdown!!

Copy link
Contributor

@codewithjulie codewithjulie left a comment

Choose a reason for hiding this comment

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

Thank you for working on those items so quickly! The small size works great and I can no longer click/remove on a disabled dropdown.

As far as I can tell the dropdown works as expected everywhere else but I am not testing groups

// We only update this when our passed in options or value changes, not multiValues.
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [value]);
}, [options, value]);
Copy link
Contributor

Choose a reason for hiding this comment

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

this works great 🙇 !

Copy link
Contributor

@LinKCoding LinKCoding left a comment

Choose a reason for hiding this comment

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

LGTM!

@codecademydev
Copy link
Collaborator

🚀 Styleguide deploy preview ready!

https://68c3355f2ab882615205ab8b--gamut-preview.netlify.app

Deploy Logs

@codecademydev
Copy link
Collaborator

📬Published Alpha Packages:

@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]

@dreamwasp dreamwasp added the Ship It :shipit: Automerge this PR when possible label Sep 12, 2025
@codecademydev codecademydev merged commit 1f01312 into main Sep 12, 2025
21 of 22 checks passed
@codecademydev codecademydev removed the Ship It :shipit: Automerge this PR when possible label Sep 12, 2025
@codecademydev codecademydev deleted the cass-gm-1292 branch September 12, 2025 14:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants