Skip to content

fix: numberInput W|C parity#19686

Merged
riddhybansal merged 5 commits into
mainfrom
web-comp-_numberInput
Jun 30, 2025
Merged

fix: numberInput W|C parity#19686
riddhybansal merged 5 commits into
mainfrom
web-comp-_numberInput

Conversation

@2nikhiltom

@2nikhiltom 2nikhiltom commented Jun 17, 2025

Copy link
Copy Markdown
Contributor

Closes #19478

Add React parity features to NumberInput web component

Changelog

New

  • disable-wheel prop to prevent wheel scrolling from changing input values when focused
  • default-value prop for uncontrolled mode support
  • icon-description prop for consistent stepper button accessibility labeling
  • Direction information (up/down) added to cds-number-input event details

Changed

  • Validation logic order now matches React implementation (empty string checked before min/max bounds)
  • Enhanced event details to include both value and direction for better React parity

Testing / Reviewing

ci should pass
existing functionality should work and compare with react

Note

Input type="text" parity (locale, formatOptions) will be implemented separately when the React implementation stabilizes

PR Checklist

As the author of this PR, before marking ready for review, confirm you:

  • Reviewed every line of the diff
  • Updated documentation and storybook examples
  • Wrote passing tests that cover this change
  • Addressed any impact on accessibility (a11y)
  • Tested for cross-browser consistency
  • Validated that this code is ready for review and status checks should pass

More details can be found in the pull request guide

@netlify

netlify Bot commented Jun 17, 2025

Copy link
Copy Markdown

Deploy Preview for v11-carbon-web-components ready!

Name Link
🔨 Latest commit 4bf6bf9
🔍 Latest deploy log https://app.netlify.com/projects/v11-carbon-web-components/deploys/68595589ce2d6a0007b769d6
😎 Deploy Preview https://deploy-preview-19686--v11-carbon-web-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Jun 17, 2025

Copy link
Copy Markdown

Deploy Preview for v11-carbon-react ready!

Name Link
🔨 Latest commit 4bf6bf9
🔍 Latest deploy log https://app.netlify.com/projects/v11-carbon-react/deploys/68595589dfbd7800086c647c
😎 Deploy Preview https://deploy-preview-19686--v11-carbon-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@codecov

codecov Bot commented Jun 18, 2025

Copy link
Copy Markdown

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.83%. Comparing base (cc24b6e) to head (4bf6bf9).
Report is 33 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main   #19686      +/-   ##
==========================================
- Coverage   84.85%   84.83%   -0.03%     
==========================================
  Files         371      371              
  Lines       14763    14763              
  Branches     4865     4871       +6     
==========================================
- Hits        12527    12524       -3     
- Misses       2087     2089       +2     
- Partials      149      150       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@netlify

netlify Bot commented Jun 18, 2025

Copy link
Copy Markdown

Deploy Preview for carbon-elements ready!

Name Link
🔨 Latest commit 796c81c
🔍 Latest deploy log https://app.netlify.com/projects/carbon-elements/deploys/6852d1c57c917b0007c7a965
😎 Deploy Preview https://deploy-preview-19686--carbon-elements.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@2nikhiltom 2nikhiltom self-assigned this Jun 18, 2025
@github-project-automation github-project-automation Bot moved this to 🚦 In Review in Design System Jun 18, 2025
@2nikhiltom 2nikhiltom moved this from 🚦 In Review to 🏗 In Progress in Design System Jun 18, 2025
@2nikhiltom 2nikhiltom marked this pull request as ready for review June 23, 2025 13:25
@2nikhiltom 2nikhiltom requested a review from a team as a code owner June 23, 2025 13:25
@2nikhiltom 2nikhiltom requested review from a team, heloiselui and kennylam June 23, 2025 13:25
@2nikhiltom 2nikhiltom moved this from 🏗 In Progress to 🚦 In Review in Design System Jun 23, 2025

@heloiselui heloiselui left a comment

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.

LGTM!

@riddhybansal riddhybansal added this pull request to the merge queue Jun 30, 2025
Merged via the queue into main with commit 9cd328d Jun 30, 2025
38 of 54 checks passed
@riddhybansal riddhybansal deleted the web-comp-_numberInput branch June 30, 2025 09:28
@github-project-automation github-project-automation Bot moved this from 🚦 In Review to ✅ Done in Design System Jun 30, 2025
heloiselui pushed a commit to guidari/carbon that referenced this pull request Jul 11, 2025
* fix: numberInput W|C parity

* feat: parity for numberInput
AlexanderMelox pushed a commit to AlexanderMelox/carbon that referenced this pull request Apr 28, 2026
* fix: numberInput W|C parity

* feat: parity for numberInput
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: ✅ Done

Development

Successfully merging this pull request may close these issues.

React|WC Parity: NumberInput

3 participants