Skip to content

refactor(textarea): convert to a form associated shadow component #30785

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.

Sign up for GitHub

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

Jump to bottom
Draft
wants to merge 7 commits into
base: next
Choose a base branch
from
Draft

refactor(textarea): convert to a form associated shadow component #30785

wants to merge 7 commits into from
+433 −195

Conversation

@brandyscarney
Copy link
Member

@brandyscarney brandyscarney commented Nov 14, 2025 •
edited
Loading

Issue number: internal

What is the current behavior?

Textarea 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-textarea to shadow with formAssociated: true
  • Adds shadow parts for inner elements ⚠️ TODO
  • Update Angular test app to target textarea shadowRoot and updated lazy forms test to include textarea (standalone already has these)
  • Update React & Vue test apps to target textarea shadowRoot and added validation tests

Does this introduce a breaking change?

  • Yes
  • No

Other information

@vercel
Copy link

vercel bot commented Nov 14, 2025 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
ionic-framework Ready Ready Preview Comment Nov 17, 2025 8:20pm

@github-actions github-actions bot added the package: core @ionic/core package label Nov 14, 2025
@github-actions github-actions bot added package: angular @ionic/angular package package: vue @ionic/vue package package: react @ionic/react package labels Nov 17, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

package: angular @ionic/angular package package: core @ionic/core package package: react @ionic/react package package: vue @ionic/vue package

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@brandyscarney