daf311f63a
chore(deps): update dependency @stencil/core to v4.38.0 ( #30615 )
...
This PR contains the following updates:
| Package | Change | Age | Confidence |
|---|---|---|---|
| [@stencil/core](https://stenciljs.com/ )
([source](https://redirect.github.com/stenciljs/core )) | [`4.36.2` ->
`4.38.0`](https://renovatebot.com/diffs/npm/@stencil%2fcore/4.36.2/4.38.0 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
---
### Release Notes
<details>
<summary>stenciljs/core (@​stencil/core)</summary>
###
[`v4.38.0`](https://redirect.github.com/stenciljs/core/blob/HEAD/CHANGELOG.md#-4380-2025-10-02 )
[Compare
Source](https://redirect.github.com/stenciljs/core/compare/v4.37.1...v4.38.0 )
##### Bug Fixes
- local (same-file) class inheritance search
([#​6403](https://redirect.github.com/stenciljs/core/issues/6403 ))
([695b1ac](695b1acabd ))
- **runtime:** stop immediate re-renders for reflected props when null
!== undefined
([#​6404](https://redirect.github.com/stenciljs/core/issues/6404 ))
([680b12e](680b12ec73 ))
- **test:** stop duplicate super calls in Jest
([#​6401](https://redirect.github.com/stenciljs/core/issues/6401 ))
([32160ad](32160ad13b ))
- **test:** trigger [@​Watch](https://redirect.github.com/Watch )
decorators on inherited classes in jest env
([#​6402](https://redirect.github.com/stenciljs/core/issues/6402 ))
([f277068](f2770687f5 ))
##### Features
- **config:** allow suppressing reserved public name warning
([#​6389](https://redirect.github.com/stenciljs/core/issues/6389 ))
([341fec4](341fec4ed0 ))
- new core decorators `@PropSerialize` & `@AttrDeserialize`
([#​6387](https://redirect.github.com/stenciljs/core/issues/6387 ))
([967c234](967c2346e9 ))
#### 🏰
[4.37.1](https://redirect.github.com/stenciljs/core/compare/v4.37.0...v4.37.1 )
(2025-09-19)
##### Bug Fixes
- **dist-custom-elements:** revert
[#​6381](https://redirect.github.com/stenciljs/core/issues/6381 )
([77cfdb3](77cfdb3b70 ))
- **Mixin:** export `MixinFactory` type for ease of use
([#​6390](https://redirect.github.com/stenciljs/core/issues/6390 ))
([a26114e](a26114ee8a ))
- **runtime:** stop eager json parsing for unknown and any type bindings
([#​6384](https://redirect.github.com/stenciljs/core/issues/6384 ))
([ccae0d7](ccae0d743c ))
###
[`v4.37.1`](https://redirect.github.com/stenciljs/core/blob/HEAD/CHANGELOG.md#-4371-2025-09-19 )
[Compare
Source](https://redirect.github.com/stenciljs/core/compare/v4.37.0...v4.37.1 )
##### Bug Fixes
- **dist-custom-elements:** revert
[#​6381](https://redirect.github.com/stenciljs/core/issues/6381 )
([77cfdb3](77cfdb3b70 ))
- **Mixin:** export `MixinFactory` type for ease of use
([#​6390](https://redirect.github.com/stenciljs/core/issues/6390 ))
([a26114e](a26114ee8a ))
- **runtime:** stop eager json parsing for unknown and any type bindings
([#​6384](https://redirect.github.com/stenciljs/core/issues/6384 ))
([ccae0d7](ccae0d743c ))
###
[`v4.37.0`](https://redirect.github.com/stenciljs/core/blob/HEAD/CHANGELOG.md#-4370-2025-09-13 )
[Compare
Source](https://redirect.github.com/stenciljs/core/compare/v4.36.3...v4.37.0 )
##### Bug Fixes
- **dist-custom-elements:** apply `initializeNextTick` config
([dbcdeff](dbcdeff26a ))
- **dist-custom-elements:** apply `initializeNextTick` config setting
([#​6382](https://redirect.github.com/stenciljs/core/issues/6382 ))
([7bdf9fb](7bdf9fbba0 ))
- **runtime:** make sure watchers can fire immediately if the custom
element is already defined
([#​6381](https://redirect.github.com/stenciljs/core/issues/6381 ))
([4fb9140](4fb914024b ))
##### Features
- new core api - Mixin
([#​6375](https://redirect.github.com/stenciljs/core/issues/6375 ))
([08f6583](08f6583878 ))
- **runtime:** allow class extending
([#​6362](https://redirect.github.com/stenciljs/core/issues/6362 ))
([0456db1](0456db1484 ))
##### BREAKING CHANGES
- **runtime:** Watchers will fire earlier than before, but this is the
expected behavior
#### 🐈
[4.36.3](https://redirect.github.com/stenciljs/core/compare/v4.36.2...v4.36.3 )
(2025-08-20)
##### Bug Fixes
- **rollup:** proper `warn` handling
([#​6357](https://redirect.github.com/stenciljs/core/issues/6357 ))
([0831d2c](0831d2c35b ))
- **runtime:** fixed parsing of complex attributes that contains JSON
strings
([#​6359](https://redirect.github.com/stenciljs/core/issues/6359 ))
([7047196](7047196b87 ))
#### 💚
[4.36.2](https://redirect.github.com/stenciljs/core/compare/v4.36.1...v4.36.2 )
(2025-07-28)
##### Bug Fixes
- **bundle:** remove post order of node-resolve
([#​6353](https://redirect.github.com/stenciljs/core/issues/6353 ))
([19b56d1](19b56d1977 )),
closes
[#​6335](https://redirect.github.com/stenciljs/core/issues/6335 )
#### 🍺
[4.36.1](https://redirect.github.com/stenciljs/core/compare/v4.36.0...v4.36.1 )
(2025-07-18)
##### Bug Fixes
- **runtime:** only patch non-shadow components with <slot>s
([#​6348](https://redirect.github.com/stenciljs/core/issues/6348 ))
([827b7f0](827b7f0d55 ))
- **runtime:** stop applying patches to non-shadow / non-render()
components
([#​6349](https://redirect.github.com/stenciljs/core/issues/6349 ))
([3a18a37](3a18a37785 ))
###
[`v4.36.3`](https://redirect.github.com/stenciljs/core/blob/HEAD/CHANGELOG.md#-4363-2025-08-20 )
[Compare
Source](https://redirect.github.com/stenciljs/core/compare/v4.36.2...v4.36.3 )
##### Bug Fixes
- **rollup:** proper `warn` handling
([#​6357](https://redirect.github.com/stenciljs/core/issues/6357 ))
([0831d2c](0831d2c35b ))
- **runtime:** fixed parsing of complex attributes that contains JSON
strings
([#​6359](https://redirect.github.com/stenciljs/core/issues/6359 ))
([7047196](7047196b87 ))
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR was generated by [Mend Renovate](https://mend.io/renovate/ ).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS41MS4xIiwidXBkYXRlZEluVmVyIjoiNDEuMTMxLjkiLCJ0YXJnZXRCcmFuY2giOiJtYWluIiwibGFiZWxzIjpbXX0=-->
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2025-10-07 18:01:23 +00:00
7bb9535f60
fix(tabs): respect stencil lifecycle order for tab selection ( #30702 )
...
Issue number: resolves #30611
---------
<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->
<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->
## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->
Currently, the way tabs are set in the tab bar abuses a bug that existed
in older versions of Stencil where children would be rendered out of the
correct order. This worked in the tab and tab bar's favor previously,
but after the fix it broke our implementation so tabs would no longer
correctly indicate the selected tab on direct navigation.
## What is the new behavior?
We had a temporary fix before we knew what actually caused this issue
before, which was basically just a timeout. That blindly worked because
it triggered after the child was fully rendered. This change embraces
the new, and correct, way these components render and triggers tab
updates correctly.
## Does this introduce a breaking change?
- [ ] Yes
- [X] No
<!--
If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->
## Other information
<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->
Current dev build:
```
8.7.6-dev.11759345401.165fca78
```
---------
Co-authored-by: ionitron <hi@ionicframework.com>
2025-10-06 14:54:41 +00:00
99d2b731f5
chore(): update package lock files
2025-09-24 19:52:26 +00:00
515249d2c3
v8.7.5
2025-09-24 19:51:40 +00:00
a40d957ad9
fix(modal): allow sheet modals to skip focus trap ( #30689 )
...
Issue number: resolves #30684
---------
<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->
<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->
## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->
Recently, we [fixed some issues with aria-hidden in
modals](https://github.com/ionic-team/ionic-framework/pull/30563 ),
unfortunately at this time we neglected modals that opt out of focus
trapping. As a result, a lot of modals that disable focus trapping still
have it happening and it doesn't get cleaned up properly on dismiss.
## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->
We're now properly checking for and skipping focus traps on modals that
do not want them.
## Does this introduce a breaking change?
- [ ] Yes
- [X] No
<!--
If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->
## Other information
I created regression tests for Angular in this to prevent this from
happening again. I initially tried to do this with core, but the issue
doesn't seem to reproduce with core.
<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->
Current dev build:
```
8.7.5-dev.11758652700.103435a3
```
2025-09-24 19:29:58 +00:00
5a06503d4a
chore(deps): update playwright ( #30693 )
...
Coming soon: The Renovate bot (GitHub App) will be renamed to Mend. PRs
from Renovate will soon appear from 'Mend'. Learn more
[here](https://redirect.github.com/renovatebot/renovate/discussions/37842 ).
This PR contains the following updates:
| Package | Change | Age | Confidence | Type | Update |
|---|---|---|---|---|---|
| [@playwright/test](https://playwright.dev )
([source](https://redirect.github.com/microsoft/playwright )) |
[`^1.55.0` ->
`^1.55.1`](https://renovatebot.com/diffs/npm/@playwright%2ftest/1.55.0/1.55.1 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
| devDependencies | patch |
| mcr.microsoft.com/playwright | `v1.55.0` -> `v1.55.1` |
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
| final | patch |
---
### Release Notes
<details>
<summary>microsoft/playwright (@​playwright/test)</summary>
###
[`v1.55.1`](https://redirect.github.com/microsoft/playwright/releases/tag/v1.55.1 )
[Compare
Source](https://redirect.github.com/microsoft/playwright/compare/v1.55.0...v1.55.1 )
##### Highlights
[#​37479](https://redirect.github.com/microsoft/playwright/issues/37479 )
- \[Bug]: Upgrade Chromium to 140.0.7339.186.
[#​37147](https://redirect.github.com/microsoft/playwright/issues/37147 )
- \[Regression]: Internal error: step id not found.
[#​37146](https://redirect.github.com/microsoft/playwright/issues/37146 )
- \[Regression]: HTML reporter displays a broken chip link when there
are no projects.
[#​37137](https://redirect.github.com/microsoft/playwright/pull/37137 )
- Revert "fix(a11y): track inert elements as hidden".
#### Browser Versions
- Chromium 140.0.7339.186
- Mozilla Firefox 141.0
- WebKit 26.0
This version was also tested against the following stable channels:
- Google Chrome 139
- Microsoft Edge 139
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.
👻 **Immortal**: This PR will be recreated if closed unmerged. Get
[config
help](https://redirect.github.com/renovatebot/renovate/discussions ) if
that's undesired.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR was generated by [Mend Renovate](https://mend.io/renovate/ ).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS45Ny4xMCIsInVwZGF0ZWRJblZlciI6IjQxLjk3LjEwIiwidGFyZ2V0QnJhbmNoIjoibWFpbiIsImxhYmVscyI6W119-->
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2025-09-24 15:24:30 +00:00
6d4cb0f4e2
chore(deps): update capacitor to v7.0.3 ( #30671 )
...
This PR contains the following updates:
| Package | Change | Age | Confidence |
|---|---|---|---|
|
[@capacitor/keyboard](https://redirect.github.com/ionic-team/capacitor-plugins )
| [`7.0.2` ->
`7.0.3`](https://renovatebot.com/diffs/npm/@capacitor%2fkeyboard/7.0.2/7.0.3 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
|
[@capacitor/status-bar](https://redirect.github.com/ionic-team/capacitor-plugins )
| [`7.0.2` ->
`7.0.3`](https://renovatebot.com/diffs/npm/@capacitor%2fstatus-bar/7.0.2/7.0.3 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
---
### Release Notes
<details>
<summary>ionic-team/capacitor-plugins
(@​capacitor/keyboard)</summary>
###
[`v7.0.3`](https://redirect.github.com/ionic-team/capacitor-plugins/releases/tag/%40capacitor/keyboard%407.0.3 )
[Compare
Source](https://redirect.github.com/ionic-team/capacitor-plugins/compare/@capacitor/keyboard@7.0.2...@capacitor/keyboard@7.0.3 )
**Note:** Version bump only for package
[@​capacitor/keyboard](https://redirect.github.com/capacitor/keyboard )
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about these
updates again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR was generated by [Mend Renovate](https://mend.io/renovate/ ).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS45MS4xIiwidXBkYXRlZEluVmVyIjoiNDEuOTEuMSIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2025-09-22 15:40:51 +00:00
2847681f7b
chore(deps): update dependency chalk to v5.6.2 ( #30672 )
...
This PR contains the following updates:
| Package | Change | Age | Confidence |
|---|---|---|---|
| [chalk](https://redirect.github.com/chalk/chalk ) | [`5.6.0` ->
`5.6.2`](https://renovatebot.com/diffs/npm/chalk/5.6.0/5.6.2 ) |
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
---
### Release Notes
<details>
<summary>chalk/chalk (chalk)</summary>
###
[`v5.6.2`](https://redirect.github.com/chalk/chalk/releases/tag/v5.6.2 )
[Compare
Source](https://redirect.github.com/chalk/chalk/compare/v5.6.0...v5.6.2 )
- Fix incorrect publish
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR was generated by [Mend Renovate](https://mend.io/renovate/ ).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS45Ny4xMCIsInVwZGF0ZWRJblZlciI6IjQxLjk3LjEwIiwidGFyZ2V0QnJhbmNoIjoibWFpbiIsImxhYmVscyI6W119-->
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2025-09-22 15:40:19 +00:00
b3b02416a3
chore(): update package lock files
2025-09-17 15:56:32 +00:00
be1f3f32f0
v8.7.4
2025-09-17 15:55:52 +00:00
66f517d5b2
fix(segment-view): scroll and select the right item when the component is in RTL context; ( #30675 )
...
Issue number: resolves
[#30079 ](https://github.com/ionic-team/ionic-framework/issues/30079 )
---------
<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->
<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->
## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->
Segments (IonSegment and IonSegmentView) do not work if placed on a
dir="rtl" context. If click on button, it won't slide content of the
next segment.
## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->
- calculate scroll value having into consideration the dir value;
## Does this introduce a breaking change?
- [ ] Yes
- [x] No
<!--
If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->
## Other information
<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->
[Preview](https://ionic-framework-git-fw-6768-ionic1.vercel.app/src/components/segment-view/test/rtl )
---------
Co-authored-by: Shane <shane@shanessite.net>
2025-09-11 15:01:54 +00:00
c339bc3682
fix(input): improve error text accessibility ( #30635 )
...
Issue number: resolves internal
---------
<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->
<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->
## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->
Currently, when an error text is shown, it may not announce itself to
voice assistants. This is because the way error text currently works is
by always existing in the DOM, but being hidden when there is no error.
When the error state changes, the error text is shown, but as far as the
voice assistant can tell it's always been there and nothing has changed.
## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->
With these changes, both input and textarea have been updated so they'll
properly announce error text when it shows up. We had to do this with a
mutation observer and state because it's important in some frameworks,
like Angular, that state changes to cause a re-render. This, combined
with some minor aria changes, makes it so that when a field is declared
invalid, it immediately announces the invalid state instead of waiting
for the user to go back to the invalid field.
## Does this introduce a breaking change?
- [ ] Yes
- [X] No
<!--
If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->
## Other information
<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->
Current dev build:
```
8.7.4-dev.11756220757.185b8cbf
```
## Screens
[Textarea](https://ionic-framework-git-ionic-49-ionic1.vercel.app/src/components/textarea/test/validation )
[Input](https://ionic-framework-git-ionic-49-ionic1.vercel.app/src/components/input/test/validation )
---------
Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com>
2025-09-04 15:11:59 +00:00
49f96d7f1e
fix(overlays,picker): remove invalid aria-hidden attribute ( #30563 )
...
Issue number: resolves #30040
---------
## What is the current behavior?
- The usage of `aria-hidden="true"` attributes both on overlay and
picker components was causing some console error/warnings messages.
- This was being caused due the fact of the activeElement (focused
element) was inside those elements with this attribute that's equal to
true in all cases.

## What is the new behavior?
- There is no need of making usage of this attribute due the facts:
- 1. Once overlay is closed the focus will be redirect to the element
that triggers the overlay, this way screen readers will be also
redirected to the same context of focused element.
- 2. After overlay is closed, it will be set as a `display: none;`
through the selector `:host(.overlay-hidden)`, which by itself will
disable overlay content for the screen readers.
- Removed overlay tests since they were basically checking about
`aria-hidden` attribute.
- Updated PickerColumn and PickerColumnOption structure in order to fit
the a11y needs.
- Added a focus management system to better drive users when making
usage of keyboard navigation inside picker.
- Skip A11Y test validation when reported violation is color contrast
related.
### ⚠️ NOTE:
- Reported devTools issue/warning when selecting picker is **from now
on** expected due to focus an input that's set with `tabIndex="-1"` and
`aria-hidden="true"` - Which turns into an A11Y violation when it gets
focused.
It happens that it gets focused dynamically in order to open the native
numeric keyboard **once user selects highlighted picker values zone**,
in order to allow users to insert numeric values through the keyboard.
If this `aria-hidden` and `tabindex` are removed/updated, the existing
functionality will be lost since ScreenReaders will start to ignore the
updated value through the PickerChange and will be focused onto the
focused input.
This mentioned input has an onChange event that's used to update the
`aria-valuetext` on each `picker-column` which is being capture by the
ScreenReader.
That said, this new devTools reported issue/warning is a false positive
since A11Y behaviour is being covered through a different perspective.
## Does this introduce a breaking change?
- [ ] Yes
- [X] No
## Testing:
- ✅ [ActionSheet
Preview](https://ionic-framework-git-rou-11368-to-main-ionic1.vercel.app/src/components/action-sheet/test/a11y )
- ✅ [Alert
Preview](https://ionic-framework-git-rou-11368-to-main-ionic1.vercel.app/src/components/alert/test/a11y )
- ✅ [DateTime
Preview](https://ionic-framework-git-rou-11368-to-main-ionic1.vercel.app/src/components/datetime/test/basic )
- ✅ [DateTime Button
Preview](https://ionic-framework-git-rou-11368-to-main-ionic1.vercel.app/src/components/datetime-button/test/basic )
- ✅ [Modal
Preview](https://ionic-framework-git-rou-11368-to-main-ionic1.vercel.app/src/components/modal/test/a11y )
- ✅ [Popover
Preview](https://ionic-framework-git-rou-11368-to-main-ionic1.vercel.app/src/components/popover/test/basic )
- ✅ [Select
Preview](https://ionic-framework-git-rou-11368-to-main-ionic1.vercel.app/src/components/select/test/basic )
- ✅ [Picker, PickerColumn and PickerColumnOption
Preview](https://ionic-framework-git-rou-11368-to-main-ionic1.vercel.app/src/components/picker/test/basic )
- ✅ [Toast
Preview](https://ionic-framework-git-rou-11368-to-main-ionic1.vercel.app/src/components/toast/test/a11y )
## Other Information
Dev build: `8.7.4-dev.11756388042.1a103a79`
---------
Co-authored-by: ionitron <hi@ionicframework.com>
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com>
2025-09-03 22:54:11 +00:00
b49ba6bdfe
chore(deps): update playwright ( #30643 )
...
This PR contains the following updates:
| Package | Change | Age | Confidence | Type | Update |
|---|---|---|---|---|---|
| [@playwright/test](https://playwright.dev )
([source](https://redirect.github.com/microsoft/playwright )) |
[`^1.54.2` ->
`^1.55.0`](https://renovatebot.com/diffs/npm/@playwright%2ftest/1.54.2/1.55.0 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
| devDependencies | minor |
| mcr.microsoft.com/playwright | `v1.54.2` -> `v1.55.0` |
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
| final | minor |
---
### Release Notes
<details>
<summary>microsoft/playwright (@​playwright/test)</summary>
###
[`v1.55.0`](https://redirect.github.com/microsoft/playwright/compare/v1.54.2...f992162f04ae0b0b5a0f4b6114b894215be98995 )
[Compare
Source](https://redirect.github.com/microsoft/playwright/compare/v1.54.2...v1.55.0 )
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.
👻 **Immortal**: This PR will be recreated if closed unmerged. Get
[config
help](https://redirect.github.com/renovatebot/renovate/discussions ) if
that's undesired.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR was generated by [Mend Renovate](https://mend.io/renovate/ ).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS44MS4yIiwidXBkYXRlZEluVmVyIjoiNDEuODEuMiIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->
---------
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: ionitron <hi@ionicframework.com>
2025-08-22 17:33:34 +00:00
58d9445139
chore(deps): update dependency @capacitor/core to v7.4.3 ( #30649 )
...
This PR contains the following updates:
| Package | Change | Age | Confidence |
|---|---|---|---|
| [@capacitor/core](https://capacitorjs.com )
([source](https://redirect.github.com/ionic-team/capacitor )) | [`7.4.2`
->
`7.4.3`](https://renovatebot.com/diffs/npm/@capacitor%2fcore/7.4.2/7.4.3 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
---
### Release Notes
<details>
<summary>ionic-team/capacitor (@​capacitor/core)</summary>
###
[`v7.4.3`](https://redirect.github.com/ionic-team/capacitor/releases/tag/7.4.3 )
[Compare
Source](https://redirect.github.com/ionic-team/capacitor/compare/7.4.2...7.4.3 )
##### Bug Fixes
- http content headers not sent when using axios
([#​8064](https://redirect.github.com/ionic-team/capacitor/issues/8064 ))
([3d1b12c](3d1b12cae9 ))
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR was generated by [Mend Renovate](https://mend.io/renovate/ ).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS44MS4yIiwidXBkYXRlZEluVmVyIjoiNDEuODEuMiIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2025-08-21 17:45:04 +00:00
b57a7c1d49
chore(): update package lock files
2025-08-20 18:37:37 +00:00
ac6968cc10
v8.7.3
2025-08-20 18:36:46 +00:00
1899b49d25
fix(refresher): prevent focus-related scroll jumps on refresh ( #30636 )
...
Issue number: resolves #
---------
<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->
<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->
## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->
Currently, if you focus on something and then refresh with a refresher,
the browser will try to scroll to what's focused after refreshing. This
can be an unexpected and disrupting user experience.
https://github.com/user-attachments/assets/3ef5999d-d104-422a-a6a9-4f478912f48a
## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->
With these changes, we blur the active element to prevent the browser
from trying to scroll back to something off screen after refreshing.
Also, I did try to create regression tests for this, but playwright
actually doesn't currently seem to make it possible as far as I can tell
- that's actually what I spent most of my time on this issue trying to
do. Looks like the only way to trigger the refresher with playwright
uses mouse click events, which inherently blurs the active element. You
need to use cursor events for this to work, because cursor events do not
cause a blur on the active element.
https://github.com/user-attachments/assets/bd1a3bfc-9b48-4b3f-b8dc-6959eefc9107
## Does this introduce a breaking change?
- [ ] Yes
- [X] No
<!--
If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->
## Other information
<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->
**Current dev build:**
```
8.7.3-dev.11755285796.12743331
```
2025-08-18 19:59:57 +00:00
aadf06c493
chore(deps): update dependency chalk to v5.6.0 ( #30637 )
...
This PR contains the following updates:
| Package | Change | Age | Confidence |
|---|---|---|---|
| [chalk](https://redirect.github.com/chalk/chalk ) | [`5.5.0` ->
`5.6.0`](https://renovatebot.com/diffs/npm/chalk/5.5.0/5.6.0 ) |
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
---
### Release Notes
<details>
<summary>chalk/chalk (chalk)</summary>
###
[`v5.6.0`](https://redirect.github.com/chalk/chalk/releases/tag/v5.6.0 )
[Compare
Source](https://redirect.github.com/chalk/chalk/compare/v5.5.0...v5.6.0 )
- Make WezTerm terminal use true color
[`a8f5bf7`](https://redirect.github.com/chalk/chalk/commit/a8f5bf7 )
***
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR was generated by [Mend Renovate](https://mend.io/renovate/ ).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS43MS4xIiwidXBkYXRlZEluVmVyIjoiNDEuNzEuMSIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2025-08-18 14:24:45 +00:00
e9e6605862
fix(checkbox): add aria attributes to ignore checkbox icon ( #30633 )
...
Issue number: resolves #30231
---------
<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->
<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->
## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->
Currently, if you're using voiceover on Chrome or Firefox, you can
navigate the checkbox in such a way that it announces the checkbox
image, which provides no context to what you're actually selecting.
## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->
With this change, you can no longer select the checkbox image.
## Does this introduce a breaking change?
- [ ] Yes
- [X] No
<!--
If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->
## Other information
<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->
[Screen](https://ionic-framework-git-ionic-56-ionic1.vercel.app/src/components/checkbox/test/basic )
---------
Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com>
2025-08-18 14:15:20 +00:00
a6b19f40b2
chore(deps): downgrade @stencil/angular-output-target and @stencil/vue-output-target ( #30614 )
...
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2025-08-07 14:53:47 +00:00
4c1d0127b6
chore(): update package lock files
2025-08-06 17:05:40 +00:00
7075808ba8
v8.7.2
2025-08-06 17:04:58 +00:00
67a1800094
chore(deps): update dependency @stencil/angular-output-target to v1 ( #30506 )
...
This PR contains the following updates:
| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [@stencil/angular-output-target](https://stenciljs.com/ )
([source](https://redirect.github.com/stenciljs/output-targets )) |
[`^0.10.0` ->
`^1.0.0`](https://renovatebot.com/diffs/npm/@stencil%2fangular-output-target/0.10.2/1.0.0 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
---
### Release Notes
<details>
<summary>stenciljs/output-targets
(@​stencil/angular-output-target)</summary>
###
[`v1.0.0`](https://redirect.github.com/stenciljs/output-targets/blob/HEAD/CHANGELOG.md#stencilssr010-stencilreact-output-target100-2025-04-03 )
[Compare
Source](a3588e9051 ...@stencil/angular-output-target@1.0.0)
##### 🚀 Enhancement
-
[`2873b0e`](2873b0e03c )
feat(react): support Vite based SSR
([#​624](https://redirect.github.com/stenciljs/output-targets/issues/624 ))
([@​christian-bromann](https://redirect.github.com/christian-bromann ))
-
[`5a1a276`](5a1a276143 )
feat(ssr): support object hydration
([#​633](https://redirect.github.com/stenciljs/output-targets/issues/633 ))
([@​christian-bromann](https://redirect.github.com/christian-bromann ))
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR was generated by [Mend Renovate](https://mend.io/renovate/ ).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MC42Mi4xIiwidXBkYXRlZEluVmVyIjoiNDAuNjIuMSIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2025-08-06 15:53:08 +00:00
895ef4798e
chore(deps): update playwright ( #30596 )
...
This PR contains the following updates:
| Package | Change | Age | Confidence | Type | Update |
|---|---|---|---|---|---|
| [@playwright/test](https://playwright.dev )
([source](https://redirect.github.com/microsoft/playwright )) |
[`^1.54.1` ->
`^1.54.2`](https://renovatebot.com/diffs/npm/@playwright%2ftest/1.54.1/1.54.2 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
| devDependencies | patch |
| mcr.microsoft.com/playwright | `v1.54.1` -> `v1.54.2` |
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
| final | patch |
---
### Release Notes
<details>
<summary>microsoft/playwright (@​playwright/test)</summary>
###
[`v1.54.2`](https://redirect.github.com/microsoft/playwright/releases/tag/v1.54.2 )
[Compare
Source](https://redirect.github.com/microsoft/playwright/compare/v1.54.1...v1.54.2 )
##### Highlights
[https://github.com/microsoft/playwright/issues/36714 ](https://redirect.github.com/microsoft/playwright/issues/36714 )
- \[Regression]: Codegen is not able to launch in Administrator Terminal
on Windows (ProtocolError: Protocol
error)[https://github.com/microsoft/playwright/issues/36828 ](https://redirect.github.com/microsoft/playwright/issues/36828 )8
- \[Regression]: Playwright Codegen keeps spamming with selected
optio[https://github.com/microsoft/playwright/issues/36810 ](https://redirect.github.com/microsoft/playwright/issues/36810 )10
- \[Regression]: Starting Codegen with target language doesn't work
anymore
#### Browser Versions
- Chromium 139.0.7258.5
- Mozilla Firefox 140.0.2
- WebKit 26.0
This version was also tested against the following stable channels:
- Google Chrome 140
- Microsoft Edge 140
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.
👻 **Immortal**: This PR will be recreated if closed unmerged. Get
[config
help](https://redirect.github.com/renovatebot/renovate/discussions ) if
that's undesired.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR was generated by [Mend Renovate](https://mend.io/renovate/ ).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS41MS4xIiwidXBkYXRlZEluVmVyIjoiNDEuNTEuMSIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2025-08-06 14:24:45 +00:00
a671b74756
chore(deps): update dependency @stencil/vue-output-target to v0.11.8 ( #30585 )
...
This PR contains the following updates:
| Package | Change | Age | Confidence |
|---|---|---|---|
| [@stencil/vue-output-target](https://stenciljs.com/ )
([source](https://redirect.github.com/stenciljs/output-targets )) |
[`0.10.8` ->
`0.11.8`](https://renovatebot.com/diffs/npm/@stencil%2fvue-output-target/0.10.8/0.11.8 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
---
### Release Notes
<details>
<summary>stenciljs/output-targets
(@​stencil/vue-output-target)</summary>
###
[`v0.11.8`](https://redirect.github.com/stenciljs/output-targets/compare/@stencil/vue-output-target@0.10.8...32f98e2301193518a63f5d25c7e3f9e7384697e3 )
[Compare
Source](https://redirect.github.com/stenciljs/output-targets/compare/@stencil/vue-output-target@0.10.8...32f98e2301193518a63f5d25c7e3f9e7384697e3 )
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR was generated by [Mend Renovate](https://mend.io/renovate/ ).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS40My41IiwidXBkYXRlZEluVmVyIjoiNDEuNDYuMyIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2025-08-06 13:41:03 +00:00
b9013c9457
chore(deps): update capacitor to v7.0.2 ( #30604 )
...
This PR contains the following updates:
| Package | Change | Age | Confidence |
|---|---|---|---|
|
[@capacitor/haptics](https://redirect.github.com/ionic-team/capacitor-plugins )
| [`7.0.1` ->
`7.0.2`](https://renovatebot.com/diffs/npm/@capacitor%2fhaptics/7.0.1/7.0.2 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
|
[@capacitor/keyboard](https://redirect.github.com/ionic-team/capacitor-plugins )
| [`7.0.1` ->
`7.0.2`](https://renovatebot.com/diffs/npm/@capacitor%2fkeyboard/7.0.1/7.0.2 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
|
[@capacitor/status-bar](https://redirect.github.com/ionic-team/capacitor-plugins )
| [`7.0.1` ->
`7.0.2`](https://renovatebot.com/diffs/npm/@capacitor%2fstatus-bar/7.0.1/7.0.2 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
---
### Release Notes
<details>
<summary>ionic-team/capacitor-plugins
(@​capacitor/haptics)</summary>
###
[`v7.0.2`](https://redirect.github.com/ionic-team/capacitor-plugins/releases/tag/%40capacitor/app%407.0.2 )
[Compare
Source](https://redirect.github.com/ionic-team/capacitor-plugins/compare/@capacitor/haptics@7.0.1...@capacitor/haptics@7.0.2 )
**Note:** Version bump only for package
[@​capacitor/app](https://redirect.github.com/capacitor/app )
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about these
updates again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR was generated by [Mend Renovate](https://mend.io/renovate/ ).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS41MS4xIiwidXBkYXRlZEluVmVyIjoiNDEuNTEuMSIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2025-08-06 13:36:23 +00:00
1cd81b9230
fix(reorder-group): add children fallback for framework compatibility ( #30593 )
...
Issue number: resolves #30592
---------
## What is the current behavior?
Reorder group is failing for Angular, React & Vue due to the change from
`children` to `__children`.
## What is the new behavior?
- Fallback to `children` if `__children` is undefined.
- Adds an e2e test for Angular (depends on
https://github.com/ionic-team/ionic-framework/pull/30594 )
- Tasks have been created to migrate and add e2e tests for the other
frameworks
## Does this introduce a breaking change?
- [ ] Yes
- [x] No
## Other information
Dev build: `8.7.2-dev.11754087334.1815cf22`
---------
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2025-08-05 14:27:18 +00:00
a2e803a553
fix(tabs): add fallback to select tab if router integration fails ( #30599 )
...
Issue number: resolves #30552
---------
<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->
<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->
## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->
Something caused a timing shift in v8.6.0 that messed up the timing
required for react router to set the active tab ID. Currently, when the
router goes to set the tab ID, it's possibly too early and the tab may
not exist yet, causing it to go unset.
## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->
This PR is a workaround that allows tabs to check when they're rendered
if a tab should be selected as a fallback for the router not setting
them. I don't think the tabs, in the long run, should be responsible for
this, but I think this is a good intermediate step until the upcoming
react router upgrade, when we can look into a better solution for react
router that may require less timing precision.
This PR also adds regression tests for React to make sure this doesn't
happen again without getting noticed.
## Does this introduce a breaking change?
- [ ] Yes
- [X] No
<!--
If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->
## Other information
<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->
**Current dev build:**
```
8.7.2-dev.11754338216.1a548096
```
2025-08-04 22:08:04 +00:00
56265e35d1
test(core): fix flaky datetime and input-otp tests ( #30598 )
...
This fixes the flaky/failing tests here:
`should not have visual regressions with a custom styled calendar`
<img width="1658" height="916" alt="CleanShot 2025-08-04 at 13 46 12@2x"
src="https://github.com/user-attachments/assets/b5d54ee8-b315-4db0-b09b-65d9cd2fa7ca "
/>
`should switch the calendar header when moving to a month with a
different number of days`
<img width="2104" height="1752" alt="CleanShot 2025-08-04 at 13 45
33@2x"
src="https://github.com/user-attachments/assets/8a0cdb0b-6e9d-4b5c-a2df-f9174431492b "
/>
You can run them locally using:
- `npm run test.e2e.docker src/components/datetime/test/datetime.e2e.ts
-- --repeat-each=10`
- `npm run test.e2e.docker
src/components/datetime/test/custom/datetime.e2e.ts -- --repeat-each=10`
---------
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2025-08-04 21:23:45 +00:00
95a7d710e7
chore(deps): update dependency chalk to v5.5.0 ( #30597 )
...
This PR contains the following updates:
| Package | Change | Age | Confidence |
|---|---|---|---|
| [chalk](https://redirect.github.com/chalk/chalk ) | [`5.4.1` ->
`5.5.0`](https://renovatebot.com/diffs/npm/chalk/5.4.1/5.5.0 ) |
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
---
### Release Notes
<details>
<summary>chalk/chalk (chalk)</summary>
###
[`v5.5.0`](https://redirect.github.com/chalk/chalk/compare/v5.4.1...67db246ae0a2bbcc57c190d641c5d767e5275160 )
[Compare
Source](https://redirect.github.com/chalk/chalk/compare/v5.4.1...v5.5.0 )
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR was generated by [Mend Renovate](https://mend.io/renovate/ ).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS41MS4xIiwidXBkYXRlZEluVmVyIjoiNDEuNTEuMSIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2025-08-04 15:59:56 +00:00
a62d382171
docs(changelog): include stencil update
2025-07-31 12:00:21 -04:00
8d39ea0c6e
chore(): update package lock files
2025-07-31 15:56:19 +00:00
e4c042834c
v8.7.1
2025-07-31 15:55:42 +00:00
6203b88b9f
chore(deps): update @stencil/core to v4.36.2 ( #30587 )
...
Issue number: resolves #30565
---------
## What is the current behavior?
Stencil is on v4.33.1
## What is the new behavior?
- Updates Stencil to v4.36.2
- Updates `children` references to `__children` in `reorder-group`
## Does this introduce a breaking change?
- [ ] Yes
- [x] No
## Other information
I searched through the repository for other components that may be
affected but did not find any.
Dev build: `8.7.1-dev.11753971948.1b297d94`
Reorder Example using dev build:
[StackBlitz](https://stackblitz.com/edit/5nrzhbja )
Router Example using dev build:
[StackBlitz](https://stackblitz.com/edit/rvpcflzx )
---------
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2025-07-31 15:35:43 +00:00
227d637998
chore(): update package lock files
2025-07-30 21:05:52 +00:00
cbb4ad5683
v8.7.0
2025-07-30 21:05:10 +00:00
75f6c05fb9
feat(css): add new css utility classes for display and flex utils ( #30567 )
...
Issue number: resolves #22469
---------
- Adds new responsive display classes with the following values: `none`, `inline`, `inline-block`, `block`, `flex`, `inline-flex`, `grid`, `inline-grid`, `table`, `table-cell`, `table-row`
- Adds new responsive flex util classes for the following properties: `align-content`, `align-items`, `align-self`, `justify-content`, `flex-direction`, `flex-wrap`, `flex`, `flex-grow` , `flex-shrink`, `order`
- Adds e2e tests to verify the correct classes are in the CSS files
---------
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2025-07-30 16:45:45 -04:00
d5627c7368
feat(datetime): add border property to highlightedDates ( #30534 )
...
Issue number: resolves #29833
---------
- Adds the `border` property for customizing the border of highlighted dates
- Adds the `border` to the e2e test for highlightedDates
- Updates screenshots
---------
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2025-07-30 16:45:38 -04:00
74cd71af24
feat(deps): update ionicons to v8 ( #30390 )
...
Issue number: resolves #30445
---------
Updates all packages to use the latest version of Ionicons v8
---------
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2025-07-30 16:45:20 -04:00
b154f4ed09
feat(reorder-group): add ionReorderStart, ionReorderMove, ionReorderEnd events ( #30471 )
...
Issue number: resolves #23148 resolves #27614
---------
The `ion-reorder-group` only emits an `ionItemReorder` event when the reorder gesture ends AND the item position has changed. There is no way to listen for when the gesture starts, is actively moving, or ends without the item changing position.
- Adds an `ionReorderStart` event that is fired without any details on the start of the gesture.
- Adds an `ionReorderMove` event that is fired continuously during gesture move and includes the `from` and `to` detail.
- Adds an `ionReorderEnd` event that is fired at the end of the gesture and always includes the `from` and `to` detail, even if they are the same.
- Deprecates the `ionItemReorder` event, recommending to use the `ionReorderEnd` instead.
- [ ] Yes
- [x] No
While this does not introduce a breaking change, it does deprecate the `ionItemReorder` event in favor of the `ionReorderEnd` event. This event behaves a bit differently since it is always emitted on end. If the `from` and `to` are the same, it will still emit them, so it's possible to check if they are the same to determine if `ionReorderEnd` fired without moving item positions.
----
Co-authored-by: sfinktah <sfinktah@github.spamtrak.org>
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2025-07-30 16:42:53 -04:00
244f9a1dd6
docs(changelog): add in deps updates
2025-07-30 16:22:23 -04:00
ffcf5d0268
chore(): update package lock files
2025-07-30 20:15:16 +00:00
759147fab6
v8.6.7
2025-07-30 20:14:30 +00:00
dc713167f9
chore(deps): downgrade Stencil to v4.33.1 ( #30579 )
...
A major regression related to Reorder was found in Stencil v4.36. Downgrade Stencil until this can be resolved.
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2025-07-30 16:07:32 -04:00
31c5416a51
docs(changelog): include stencil version bump
2025-07-30 14:18:12 -04:00
baed34722b
chore(): update package lock files
2025-07-30 18:12:14 +00:00
708d5845b9
v8.6.6
2025-07-30 18:11:38 +00:00
5780a95a9c
chore(deps): update dependency @stencil/core to v4.36.2 ( #30574 )
...
This PR contains the following updates:
| Package | Change | Age | Confidence |
|---|---|---|---|
| [@stencil/core](https://stenciljs.com/ )
([source](https://redirect.github.com/stenciljs/core )) | [`4.36.1` ->
`4.36.2`](https://renovatebot.com/diffs/npm/@stencil%2fcore/4.36.1/4.36.2 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
---
### Release Notes
<details>
<summary>stenciljs/core (@​stencil/core)</summary>
###
[`v4.36.2`](https://redirect.github.com/stenciljs/core/blob/HEAD/CHANGELOG.md#-4362-2025-07-28 )
[Compare
Source](https://redirect.github.com/stenciljs/core/compare/v4.36.1...v4.36.2 )
##### Bug Fixes
- **bundle:** remove post order of node-resolve
([#​6353](https://redirect.github.com/stenciljs/core/issues/6353 ))
([19b56d1](19b56d1977 )),
closes
[#​6335](https://redirect.github.com/stenciljs/core/issues/6335 )
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR was generated by [Mend Renovate](https://mend.io/renovate/ ).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS40My41IiwidXBkYXRlZEluVmVyIjoiNDEuNDMuNSIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
2025-07-30 13:43:31 +00:00
dd68369338
chore(deps): update dependency @stencil/core to v4.36.1 ( #30524 )
...
This PR contains the following updates:
| Package | Change | Age | Confidence |
|---|---|---|---|
| [@stencil/core](https://stenciljs.com/ )
([source](https://redirect.github.com/stenciljs/core )) | [`4.33.1` ->
`4.36.0`](https://renovatebot.com/diffs/npm/@stencil%2fcore/4.33.1/4.36.0 )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
[](https://docs.renovatebot.com/merge-confidence/ )
|
---
### Release Notes
<details>
<summary>stenciljs/core (@​stencil/core)</summary>
###
[`v4.36.0`](https://redirect.github.com/stenciljs/core/blob/HEAD/CHANGELOG.md#-4360-2025-07-15 )
[Compare
Source](https://redirect.github.com/stenciljs/core/compare/v4.36.0...58bc2b5403312dd227b0c5d6f1de167559f2b015 )
##### Bug Fixes
* contructable stylesheets with older immutable spec (chrome <99)
([#6332 ](https://github.com/stenciljs/core/issues/6332 ))
([2f363dd](2f363dd130 )),
closes [#6326 ](https://github.com/stenciljs/core/issues/6326 )
* **runtime:** check shadow root nodes before appending them
([#6342 ](https://github.com/stenciljs/core/issues/6342 ))
([c63f25d](c63f25d0b4 ))
* **runtime:** do not remove first comment - can break frameworks
([#6343 ](https://github.com/stenciljs/core/issues/6343 ))
([188e7db](188e7dbfd7 ))
* **runtime:** double check hostRef value
([#6341 ](https://github.com/stenciljs/core/issues/6341 ))
([051522f](051522f598 ))
* **runtime:** fix blur handling of non-scoped elements
([#6314 ](https://github.com/stenciljs/core/issues/6314 ))
([bfbd683](bfbd683efd ))
* **runtime:** fix prettier
([d84f9e7](d84f9e7e5f ))
* **ssr:** `scoped: true` components forwarded slots
([#6340 ](https://github.com/stenciljs/core/issues/6340 ))
([fd4b892](fd4b892a73 )),
closes [#6337 ](https://github.com/stenciljs/core/issues/6337 ), closes
[#6339 ](https://github.com/stenciljs/core/issues/6339 )
##### Features
* **moc-doc:** serialize `delegatesFocus` shadow DOM property
([#6333 ](https://github.com/stenciljs/core/issues/6333 ))
([56fe6e3](56fe6e35a3 )),
closes [#6265 ](https://github.com/stenciljs/core/issues/6265 )
* **runtime:** skip initial task queue to improve first time rendering
([#6331 ](https://github.com/stenciljs/core/issues/6331 ))
([6106c70](6106c70aa3 )),
closes [#6317 ](https://github.com/stenciljs/core/issues/6317 )
###
[`v4.35.3`](https://redirect.github.com/stenciljs/core/blob/HEAD/CHANGELOG.md#-4353-2025-07-02 )
[Compare
Source](https://redirect.github.com/stenciljs/core/compare/v4.35.2...58bc2b5403312dd227b0c5d6f1de167559f2b015 )
##### Bug Fixes
- **declarations:** add ToggleEvent type
([ac92210](ac9221076c ))
###
[`v4.35.2`](https://redirect.github.com/stenciljs/core/blob/HEAD/CHANGELOG.md#-4352-2025-07-02 )
[Compare
Source](https://redirect.github.com/stenciljs/core/compare/v4.35.1...v4.35.2 )
##### Bug Fixes
- **ci:** hardening security of GH actions
([#​6305](https://redirect.github.com/stenciljs/core/issues/6305 ))
([3f80413](3f80413171 ))
- **compiler:** fix attachInternals should be usable without formAssoc…
([#​6286](https://redirect.github.com/stenciljs/core/issues/6286 ))
([7132259](7132259c40 )),
closes
[#​6285](https://redirect.github.com/stenciljs/core/issues/6285 )
- **declarations:** update toggle event handler types
([#​6323](https://redirect.github.com/stenciljs/core/issues/6323 ))
([5925974](5925974d85 )),
closes
[#​6322](https://redirect.github.com/stenciljs/core/issues/6322 )
- **mock-doc:** prevent infinite recursion in blur event handlers
([#​6310](https://redirect.github.com/stenciljs/core/issues/6310 ))
([092cacd](092cacda99 )),
closes
[#​6307](https://redirect.github.com/stenciljs/core/issues/6307 )
- **security:** update email for outreach
([9da2c90](9da2c907af ))
- **ssr:** fixes for `scoped: true` components during SSR
([#​6311](https://redirect.github.com/stenciljs/core/issues/6311 ))
([b07dda6](b07dda6c94 )),
closes
[#​6313](https://redirect.github.com/stenciljs/core/issues/6313 )
- **ssr:** slow property hydration, incorrect rendering
([#​6325](https://redirect.github.com/stenciljs/core/issues/6325 ))
([f018c73](f018c7349c )),
closes
[#​6324](https://redirect.github.com/stenciljs/core/issues/6324 )
- **utils:** single global stylesheet instance for performance
([#​6320](https://redirect.github.com/stenciljs/core/issues/6320 ))
([fe5d130](fe5d130127 ))
- **testing:** support browser executable path detection via environm…
([#​6308](https://redirect.github.com/stenciljs/core/issues/6308 ))
([b7e2b50](b7e2b50120 )),
closes
[#​6213](https://redirect.github.com/stenciljs/core/issues/6213 )
###
[`v4.35.1`](https://redirect.github.com/stenciljs/core/blob/HEAD/CHANGELOG.md#-4351-2025-06-17 )
[Compare
Source](https://redirect.github.com/stenciljs/core/compare/v4.35.0...v4.35.1 )
##### Bug Fixes
- **mock-doc:** ensure event bubbling follows shadow DOM boundaries
([#​6301](https://redirect.github.com/stenciljs/core/issues/6301 ))
([1304ffc](1304ffcbfe )),
closes
[#​5676](https://redirect.github.com/stenciljs/core/issues/5676 )
- **ssr:** expand `::part` css selectors for ssr `scoped` components
([#​6298](https://redirect.github.com/stenciljs/core/issues/6298 ))
([da24af6](da24af6f5c )),
closes
[#​6297](https://redirect.github.com/stenciljs/core/issues/6297 )
- **ssr:** named slot dom order with `serializeShadowRoot: 'scoped'`
components
([#​6300](https://redirect.github.com/stenciljs/core/issues/6300 ))
([96c0f13](96c0f13b06 )),
closes
[#​6299](https://redirect.github.com/stenciljs/core/issues/6299 )
###
[`v4.35.0`](https://redirect.github.com/stenciljs/core/blob/HEAD/CHANGELOG.md#-4350-2025-06-13 )
[Compare
Source](https://redirect.github.com/stenciljs/core/compare/v4.34.0...v4.35.0 )
##### Bug Fixes
- **ssr:** retain slotted node order in serializeShadowRoot: `scoped`
([#​6294](https://redirect.github.com/stenciljs/core/issues/6294 ))
([c1e032d](c1e032d562 )),
closes
[#​6293](https://redirect.github.com/stenciljs/core/issues/6293 )
##### Features
- **global-styles:** add new `addGlobalStyleToComponents` extras config
option to "opt-out" of new globalStyle behaviour
([#​6292](https://redirect.github.com/stenciljs/core/issues/6292 ))
([cd9778a](cd9778a2ac ))
###
[`v4.34.0`](https://redirect.github.com/stenciljs/core/blob/HEAD/CHANGELOG.md#-4340-2025-06-11 )
[Compare
Source](https://redirect.github.com/stenciljs/core/compare/v4.33.1...v4.34.0 )
##### Bug Fixes
- **compiler:** Prevent `extTransformsPlugin` from outputting collection
dependency css
([#​3306](https://redirect.github.com/stenciljs/core/issues/3306 ))
([28e2a06](28e2a062f6 )),
closes
[#​3305](https://redirect.github.com/stenciljs/core/issues/3305 )
- **declarations:** update PluginTransformResults after Rollup update
([#​6232](https://redirect.github.com/stenciljs/core/issues/6232 ))
([6ff8075](6ff8075a85 )),
closes
[#​6231](https://redirect.github.com/stenciljs/core/issues/6231 )
- **mock-doc:** move slot event listener support from runtime to MockDoc
([#​6287](https://redirect.github.com/stenciljs/core/issues/6287 ))
([f2dd25d](f2dd25d7e0 ))
- resolve TypeScript interface conflicts between component methods and
HTMLElement
([#​6282](https://redirect.github.com/stenciljs/core/issues/6282 ))
([614d305](614d305b1d )),
closes
[#​4467](https://redirect.github.com/stenciljs/core/issues/4467 )
- **runtime:** add addEventListener support for slot elements in scope
components
([#​6281](https://redirect.github.com/stenciljs/core/issues/6281 ))
([32f66bd](32f66bd1cf )),
closes
[#​6269](https://redirect.github.com/stenciljs/core/issues/6269 )
- **runtime:** correct boolean attribute handling for form-associated
components
([#​6280](https://redirect.github.com/stenciljs/core/issues/6280 ))
([7fe6372](7fe6372c2a )),
closes
[#​5461](https://redirect.github.com/stenciljs/core/issues/5461 )
- **ssr:** mixed ssr methods styles
([#​6289](https://redirect.github.com/stenciljs/core/issues/6289 ))
([e253ceb](e253cebf54 )),
closes
[#​6288](https://redirect.github.com/stenciljs/core/issues/6288 )
- update `CHANGELOG.md` location
([#​6283](https://redirect.github.com/stenciljs/core/issues/6283 ))
([36fca61](36fca61886 ))
##### Features
- **compiler:** improve file watching architecture and add external d…
([#​6279](https://redirect.github.com/stenciljs/core/issues/6279 ))
([0844538](0844538a04 )),
closes
[#​3151](https://redirect.github.com/stenciljs/core/issues/3151 )
#### 🥃
[4.33.1](https://redirect.github.com/stenciljs/core/compare/v4.33.0...v4.33.1 )
(2025-06-03)
##### Bug Fixes
- **runtime:** conditionally apply global styles using
`supportsConstructableStylesheets` flag
([f4f815f](f4f815f462 ))
</details>
---
### Configuration
📅 **Schedule**: Branch creation - "every weekday before 11am" (UTC),
Automerge - At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.
♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box
---
This PR was generated by [Mend Renovate](https://mend.io/renovate/ ).
View the [repository job
log](https://developer.mend.io/github/ionic-team/ionic-framework ).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MC42Mi4xIiwidXBkYXRlZEluVmVyIjoiNDEuMTcuMiIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->
---------
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Christian Bromann <git@bromann.dev>
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
2025-07-29 18:13:53 +00:00