Skip to content

chore: Refactor Select Input to a single Stencil #3240

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 9 commits into
base: prerelease/major
Choose a base branch
from

Conversation

mannycarrera4
Copy link
Contributor

@mannycarrera4 mannycarrera4 commented Apr 10, 2025

Summary

Update Select.Input to use a single stencil using the parts property on createStencil.

Release Category

Components


Checklist

For the Reviewer

  • PR title is short and descriptive
  • PR summary describes the change (Fixes/Resolves linked correctly)
  • PR Release Notes describes additional information useful to call out in a release message or removed if not applicable
  • Breaking Changes provides useful information to upgrade to this code or removed if not applicable

Where Should the Reviewer Start?

Areas for Feedback? (optional)

  • Code
  • Documentation
  • Testing
  • Codemods

Testing Manually

Screenshots or GIFs (if applicable)

Thank You Gif (optional)

@mannycarrera4 mannycarrera4 changed the title chore: Refactor Select Input to a single stencil chore: Refactor Select Input to a single Stencil Apr 10, 2025
Copy link

cypress bot commented Apr 10, 2025

Workday/canvas-kit    Run #8689

Run Properties:  status check passed Passed #8689  •  git commit d90294e967 ℹ️: Merge 14cb5063d5a193653a787b5353ea15f71a8d66e4 into 3b6b7fba5e309f35bde855ef2d86...
Project Workday/canvas-kit
Branch Review mc-refactor-select-stencil
Run status status check passed Passed #8689
Run duration 02m 56s
Commit git commit d90294e967 ℹ️: Merge 14cb5063d5a193653a787b5353ea15f71a8d66e4 into 3b6b7fba5e309f35bde855ef2d86...
Committer Manuel Carrera
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 2
Tests that did not run due to a developer annotating a test with .skip  Pending 21
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 936
View all changes introduced in this branch ↗︎
UI Coverage  21.27%
  Untested elements 1530  
  Tested elements 411  
Accessibility  99.28%
  Failed rules  6 critical   5 serious   0 moderate   2 minor
  Failed elements 98  

@mannycarrera4
Copy link
Contributor Author

closing. this doesn't solve the problem just quite.

@mannycarrera4 mannycarrera4 added the ready for review Code is ready for review label Apr 14, 2025
@mannycarrera4 mannycarrera4 added this to the 13.0.0 milestone Apr 14, 2025
@mannycarrera4 mannycarrera4 removed the ready for review Code is ready for review label Apr 15, 2025
maxHeight: px2rem(300),
export const selectCardStencil = createStencil({
base: {
maxHeight: px2rem(300),
Copy link
Member

Choose a reason for hiding this comment

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

It seems like maxHeight should be a Stencil variable in MenuCard since menu cards often need some type of overflow height. We don't want them to be too large. There should be some default. I don't want the CSS variable to be passed via JavaScript because that would restrict overrides via CSS.

It would looks something like:

base: {
  [menuCardStencil.vars.maxHeight]: px2rem(300),
]

I don't know if menuCard should have a default maxHeight... It seems like it should. Menus aren't always popups, but a MenuCard is always part of a popup.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

give it another look when you get a second

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: No status
Development

Successfully merging this pull request may close these issues.

2 participants