mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00

Files

Brandy Smith 177a6ea134 feat(input-otp): convert to a form associated shadow component #30785 (#30884 )

Issue number: internal

---------

## What is the current behavior?
Input Otp uses `scoped` encapsulation. This causes issues with CSP compatibility and is inconsistent with our goal of having all components use Shadow DOM.

## What is the new behavior?
- Converts `ion-input-otp` to `shadow` with `formAssociated: true`
- Adds shadow parts for inner elements

## Does this introduce a breaking change?
- [x] Yes
- [ ] No

BREAKING CHANGE:

Input Otp has been converted to use [Shadow DOM](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM).

If you were targeting the internals of `ion-input-otp` in your CSS, you will need to target the `group`, `container`, `native`, `separator` or `description` [Shadow Parts](https://ionicframework.com/docs/theming/css-shadow-parts) instead, or use the provided CSS Variables.

---------

Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>

2026-02-05 13:54:05 -05:00

apps

feat(deps): update ionicons to v8 (#30390 )

2025-07-30 16:45:20 -04:00

base

feat(input-otp): convert to a form associated shadow component #30785 (#30884 )

2026-02-05 13:54:05 -05:00

build.sh

feat(input-otp): add new input-otp component (#30386 )

2025-05-29 15:10:37 -04:00

README.md

chore(docs): consolidate the developer resource files into a docs/ directory (#29266 )

2024-04-08 19:06:26 +00:00

README.md

React E2E Test Apps

Refer to the React Testing documentation in order to build and run the test app.