Skip to content

feat(picker-legacy, picker-legacy-column): remove legacy components#31078

Open
thetaPC wants to merge 6 commits intomajor-9.0from
FW-6992
Open

feat(picker-legacy, picker-legacy-column): remove legacy components#31078
thetaPC wants to merge 6 commits intomajor-9.0from
FW-6992

Conversation

@thetaPC
Copy link
Copy Markdown
Contributor

@thetaPC thetaPC commented Apr 13, 2026

Issue number: internal


What is the current behavior?

ion-picker-legacy and ion-picker-legacy-column are still available. They are components that have been deprecated in v8.

What is the new behavior?

  • Removed ion-picker-legacy and ion-picker-legacy-column from core for v9.
  • Removed ion-picker-legacy and ion-picker-legacy-column from the frameworks for v9.
  • Removed tests related to these components

Does this introduce a breaking change?

  • Yes
  • No
  • ion-picker-legacy and ion-picker-legacy-column have been removed. The legacy picker component has been replaced with a inline picker component.
    • Usages such as ion-picker-legacy or IonPickerLegacy should be changed to ion-picker and IonPicker, respectively.

Other information

N/A

@vercel
Copy link
Copy Markdown

vercel bot commented Apr 13, 2026

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

Project Deployment Actions Updated (UTC)
ionic-framework Ready Ready Preview, Comment Apr 14, 2026 0:51am

Request Review

@thetaPC thetaPC changed the title feat(picker-legacy, picker-legacy-column): remove legacy picker feat(picker-legacy, picker-legacy-column): remove legacy components Apr 13, 2026
@github-actions github-actions bot added package: core @ionic/core package package: angular @ionic/angular package labels Apr 13, 2026
await menu.open();
}

async function showPicker() {
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

This was not replaced by ion-picker because that component doesn't apply safe area padding.

@github-actions github-actions bot added the package: react @ionic/react package label Apr 13, 2026
await expect(page.locator('ion-loading')).toBeVisible();
});

test('should open a picker', async ({ page }) => {
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

The point of this test was to verify the overlay was working as intended so we don't need to migrate it over to use ion-picker.

await expect(page.locator('ion-modal app-dialog-content')).toBeVisible();
});

test('should present a picker', async ({ page }) => {
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

The point of this test was to verify the overlay was working as intended so we don't need to migrate it over to use ion-picker.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

The point of this test was to verify the overlay was working as intended so we don't need to migrate it over to use ion-picker.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

The point of this test was to verify the overlay was working as intended so we don't need to migrate it over to use ion-picker.

@thetaPC thetaPC marked this pull request as ready for review April 14, 2026 13:33
@thetaPC thetaPC requested a review from a team as a code owner April 14, 2026 13:33
@thetaPC thetaPC requested review from ShaneK and brandyscarney and removed request for ShaneK April 14, 2026 13:33
Copy link
Copy Markdown
Member

@brandyscarney brandyscarney left a comment

Choose a reason for hiding this comment

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

Looks good!


<h4 id="version-9x-legacy-picker">Legacy Picker</h4>

- `ion-picker-legacy` and `ion-picker-legacy-column` have been removed. The legacy picker component has been replaced with a inline picker component.
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Suggested change
- `ion-picker-legacy` and `ion-picker-legacy-column` have been removed. The legacy picker component has been replaced with a inline picker component.
- `ion-picker-legacy` and `ion-picker-legacy-column` have been removed. The legacy picker component has been replaced with an inline picker component.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants