Comparing changes

Release v8.6.2 --------- Co-authored-by: ionitron <[email protected]>

Groups all of the Playwright dependencies together so we don't have the Docker one opened on its own like this: #30472 Co-authored-by: Brandy Smith <[email protected]>

Issue number: internal ---------   ## What is the current behavior?  There are tests apps for Angular 16, 17, 18, and 19 only. Angular 20 has been released and should be included. ## What is the new behavior?  - Adds a test app for Angular 20 ## Does this introduce a breaking change? - [ ] Yes - [x] No  ## Other information  N/A

Issue number: resolves ionic-team/ionic-docs#4145 --------- ## What is the current behavior? Some component methods are missing param tags in the JSDoc comments. Some comments are out of order and the method description is below the last param description. Some back ticks are misplaced around words resulting in incorrect formatting in the docs site. ## What is the new behavior? Method documentation in app, action-sheet, alert, datetime, loading, menu, modal, popover, reorder-group, router, searchbar, and toast now include descriptions for all params, all method descriptions are placed above param descriptions, and back ticks are formatted correctly. All changes are within JSDoc comments so will result in a change to the docs site but no functional change to any components. ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information In order to preview these changes I took the JSON generated from the build on this branch and used it in the docusaurus script in place of the fetch from unpkg. I set up a preview from my fork on Vercel - https://ionic-docs-git-temptotestdocs-soundproofboots-projects.vercel.app/docs/components . The change I made to the docusaurus script to use this temp data is here - https://github.com/soundproofboot/ionic-docs/pull/1/files. tempDocs.json is the output of the framework build after making these changes. --------- Co-authored-by: Brandy Smith <[email protected]> Co-authored-by: Brandy Smith <[email protected]> Co-authored-by: Maria Hutt <[email protected]>

…roup (#30512) Co-authored-by: Brandy Smith <[email protected]>

…#30514) Co-authored-by: Brandy Smith <[email protected]>

Co-authored-by: Brandy Smith <[email protected]>

Issue number: N/A ---------   ## What is the current behavior?  Angular 20 test app is using an unsupported Typescript version. ## What is the new behavior?  Angular 20 only supports Typescript 5.8+. I forgot to update it in an earlier [PR](#30507). - Upgraded TS to the proper version. ## Does this introduce a breaking change? - [ ] Yes - [x] No  ## Other information  N/A

Issue number: resolves internal ---------   ## What is the current behavior?  Currently, you cannot tab into a sheet modal from outside of it (the background), even with `handleBehavior` set to `cycle`. This destroys the accessibility of moving from the background behind a sheet modal to the contents of a sheet modal/the drag bar to be able to cycle the size. ## What is the new behavior?  Now you can get into a sheet modal from outside of it and interact with its contents/drag handle when `handleBehavior` is set to `cycle`. This opens up the accessibility of the sheet modal and allows for interacting with background elements with sheet modals open using accessibility tools like VoiceOver and TalkBack. ## Does this introduce a breaking change? - [ ] Yes - [X] No  ## Other information  [Relevant test screen](https://ionic-framework-git-fw-6523-ionic1.vercel.app/src/components/modal/test/sheet) Dev build: `8.6.3-dev.11750971489.140836b0` --------- Co-authored-by: ionitron <[email protected]>

Blocks #30513 ---- The latest Playwright update in #30513 exposed an issue in Safari where dynamically setting the RTL direction on the document no longer works. This causes the Breadcrumbs screenshots to fail because they are not flipping the arrow icon. This PR converts the Breadcrumbs e2e tests to use `setContent` which works properly with RTL and also breaks the tests up more so they aren't one giant screenshot. - The [Basic](https://ionic-framework-git-bc-test-breadcrumbs-ionic1.vercel.app/src/components/breadcrumbs/test/basic) test has been updated to focus mainly on the default breadcrumbs without any colors or collapsed breadcrumbs. - The [Collapsed](https://ionic-framework-git-bc-test-breadcrumbs-ionic1.vercel.app/src/components/breadcrumbs/test/collapsed) test has been updated to remove some of the duplicated examples and ported over one from the basic test. - The [Color](https://ionic-framework-git-bc-test-breadcrumbs-ionic1.vercel.app/src/components/breadcrumbs/test/color) test was added which focuses on setting different colors on the Breadcrumbs / Breadcrumb and moves this out of the basic test. --------- Co-authored-by: Brandy Smith <[email protected]>

Issue number: N/A ---------   ## What is the current behavior?  Angular base has outdated files, which has lead to many duplicated files within the versioned apps. Base files should always be the latest. ## What is the new behavior?  - Updated base files to the latest - Removed duplicate files from the versioned apps since base will provide them - Added files to the older versioned apps since they no longer align with the latest files with base ## Does this introduce a breaking change? - [ ] Yes - [x] No  ## Other information  N/A

…face with a header (#30481) Issue number: resolves #30480 --------- ## What is the current behavior? When using a select component with the `action-sheet` interface, a `header`, and a default selected value, the action sheet opens with the wrong item focused. This happens because the focus logic uses `nth-child` to target the selected item, which incorrectly includes the header since it is a child element. As a result, the focus is shifted one item above the correct selection. ## What is the new behavior? - Correctly focus the selected item when opening an `action-sheet` with a header from a select. - Adds e2e tests for verifying this behavior. ## Does this introduce a breaking change? - [ ] Yes - [X] No ## Other information [Preview](https://ionic-framework-git-fork-crazyserver-patch-2-ionic1.vercel.app/src/components/select/test/basic) --------- Co-authored-by: Brandy Smith <[email protected]>

…tem (#30525) Issue number: resolves ionic-team/ionic-docs#2091 --------- ## What is the current behavior? Documentation to test `ng add` schematic for @ionic/angular is outdated & it fails when running with: ``` Invalid projectType for my-app: undefined ``` ## What is the new behavior? Fix the schematic to support the latest Angular build system & update the documentation for testing local Ionic Framework with `ng add`. ## Does this introduce a breaking change? - [ ] Yes - [x] No ## Other information _I am using `Angular CLI: 20.0.4`_ Run these commands first to see the error: ```sh ng new my-app --style=css --ssr=false --zoneless=false cd my-app ng add @ionic/angular --skip-confirmation ``` Switch to this branch (`fix-angular-schematics`) and then follow the [new steps](https://github.com/ionic-team/ionic-framework/blob/b9b345303c7e1446a990c11a8ae6f70c1f773493/packages/angular/README.md#testing-local-ionic-framework-with-ng-add) and confirm the error is gone. -------- `Co-authored-by: soundproofboot <[email protected]>` --------- Co-authored-by: Brandy Smith <[email protected]>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Comparing changes

Open a pull request

Commits on Jun 18, 2025

Commits on Jun 23, 2025

Commits on Jun 24, 2025

Commits on Jun 26, 2025

Commits on Jun 27, 2025

Commits on Jun 30, 2025

Commits on Jul 1, 2025

Commits on Jul 2, 2025

This comparison is taking too long to generate.

Uh oh!