Skip to content

Commit 72edcd0

Browse files
BenOsodracBenOsodrac
authored
Merge branch 'next' into ROU-11901-v2
2 parents 890feda + 2dd212d commit 72edcd0

File tree

192 files changed

+2541
-756
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

192 files changed

+2541
-756
lines changed

‎BREAKING.md‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ This is a comprehensive list of the breaking changes introduced in the major ver
1818
- [Button](#version-9x-button)
1919
- [Card](#version-9x-card)
2020
- [Chip](#version-9x-chip)
21+
- [Grid](#version-9x-grid)
2122

2223
<h2 id="version-9x-components">Components</h2>
2324

@@ -32,3 +33,105 @@ This is a comprehensive list of the breaking changes introduced in the major ver
3233
<h4 id="version-9x-chip">Chip</h4>
3334

3435
- The `border-radius` of the `ios` and `md` chip now defaults to `10px` and `8px`, respectively, instead of `16px` in accordance with the iOS and Material Design 3 guidelines. To revert to the previous appearance, set the `shape` to `"round"`, or override the `--border-radius` CSS variable to specify a different value.
36+
37+
<h4 id="version-9x-grid">Grid</h4>
38+
39+
- The properties `pull` and `push` have been deprecated and no longer work. A similar look can be achieved with the newly added property `order`.
40+
41+
<h5>Example 1: Swap two columns</h5>
42+
43+
**Version up to 8.x**
44+
```html
45+
<ion-grid>
46+
<ion-row>
47+
<ion-col push="4">1</ion-col>
48+
<ion-col pull="4">2</ion-col>
49+
<ion-col>3</ion-col>
50+
</ion-row>
51+
</ion-grid>
52+
```
53+
**Version 9.x+**
54+
```html
55+
<ion-grid>
56+
<ion-row>
57+
<ion-col order="2">1</ion-col>
58+
<ion-col order="1">2</ion-col>
59+
<ion-col order="3">3</ion-col>
60+
</ion-row>
61+
</ion-grid>
62+
```
63+
64+
<h5>Example 2: Reorder columns with specific sizes</h5>
65+
To reorder two columns where column 1 has `size="9" push="3"` and column 2 has `size="3" pull="9"`:
66+
67+
**Version up to 8.x**
68+
```html
69+
<ion-grid>
70+
<ion-row>
71+
<ion-col push="3">1</ion-col>
72+
<ion-col pull="9">2</ion-col>
73+
</ion-row>
74+
</ion-grid>
75+
```
76+
**Version 9.x+**
77+
```html
78+
<ion-grid>
79+
<ion-row>
80+
<ion-col order="2">1</ion-col>
81+
<ion-col size="3" order="1">2</ion-col>
82+
</ion-row>
83+
</ion-grid>
84+
```
85+
<h5>Example 3: Push</h5>
86+
```html
87+
<ion-grid>
88+
<ion-row>
89+
<ion-col size="auto" push="1">
90+
<div>ion-col push 1</div>
91+
</ion-col>
92+
<ion-col size="auto" push="1">
93+
<div>ion-col push 1</div>
94+
</ion-col>
95+
</ion-row>
96+
</ion-grid>
97+
```
98+
**Version 9.x+**
99+
```html
100+
<ion-grid>
101+
<ion-row>
102+
<ion-col size="auto" offset="1">
103+
<div>ion-col size="auto" offset="1"</div>
104+
</ion-col>
105+
<ion-col size="auto">
106+
<div>ion-col size="auto"</div>
107+
</ion-col>
108+
</ion-row>
109+
</ion-grid>
110+
```
111+
112+
<h5>Example 4: Push and Pull</h5>
113+
```html
114+
<ion-grid>
115+
<ion-row>
116+
<ion-col size="3" size-md="6" push="9" push-md="6">
117+
<div>ion-col size="3" size-md="6" push="9" push-md="6"</div>
118+
</ion-col>
119+
<ion-col size="9" size-md="6" pull="3" pull-md="6">
120+
<div>ion-col size="9" size-md="6" pull="3" pull-md="6"</div>
121+
</ion-col>
122+
</ion-row>
123+
</ion-grid>
124+
```
125+
**Version 9.x+**
126+
```html
127+
<ion-grid>
128+
<ion-row>
129+
<ion-col size="auto" order="2" order-md="2">
130+
<div>ion-col size="auto" order="2" order-md="2"</div>
131+
</ion-col>
132+
<ion-col size="auto" order="1" order-md="1">
133+
<div>ion-col size="auto" order="1" order-md="1"</div>
134+
</ion-col>
135+
</ion-row>
136+
</ion-grid>
137+
```

‎CHANGELOG.md‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,19 @@
33
All notable changes to this project will be documented in this file.
44
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
55

6+
## [8.7.4](https://github.com/ionic-team/ionic-framework/compare/v8.7.3...v8.7.4) (2025-09-17)
7+
8+
9+
### Bug Fixes
10+
11+
* **input:** improve error text accessibility ([#30635](https://github.com/ionic-team/ionic-framework/issues/30635)) ([c339bc3](https://github.com/ionic-team/ionic-framework/commit/c339bc36827b62ef871325869a9a5db9b17ac785))
12+
* **overlays,picker:** remove invalid aria-hidden attribute ([#30563](https://github.com/ionic-team/ionic-framework/issues/30563)) ([49f96d7](https://github.com/ionic-team/ionic-framework/commit/49f96d7f1e9050a95e3e33a821c0467ecc0bed64)), closes [#30040](https://github.com/ionic-team/ionic-framework/issues/30040)
13+
* **segment-view:** scroll and select the right item when the component is in RTL context; ([#30675](https://github.com/ionic-team/ionic-framework/issues/30675)) ([66f517d](https://github.com/ionic-team/ionic-framework/commit/66f517d5b2154fff00b294a78f4107f057a580c6)), closes [#30079](https://github.com/ionic-team/ionic-framework/issues/30079)
14+
15+
16+
17+
18+
619
## [8.7.3](https://github.com/ionic-team/ionic-framework/compare/v8.7.2...v8.7.3) (2025-08-20)
720

821

‎core/CHANGELOG.md‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,19 @@
33
All notable changes to this project will be documented in this file.
44
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
55

6+
## [8.7.4](https://github.com/ionic-team/ionic-framework/compare/v8.7.3...v8.7.4) (2025-09-17)
7+
8+
9+
### Bug Fixes
10+
11+
* **input:** improve error text accessibility ([#30635](https://github.com/ionic-team/ionic-framework/issues/30635)) ([c339bc3](https://github.com/ionic-team/ionic-framework/commit/c339bc36827b62ef871325869a9a5db9b17ac785))
12+
* **overlays,picker:** remove invalid aria-hidden attribute ([#30563](https://github.com/ionic-team/ionic-framework/issues/30563)) ([49f96d7](https://github.com/ionic-team/ionic-framework/commit/49f96d7f1e9050a95e3e33a821c0467ecc0bed64)), closes [#30040](https://github.com/ionic-team/ionic-framework/issues/30040)
13+
* **segment-view:** scroll and select the right item when the component is in RTL context; ([#30675](https://github.com/ionic-team/ionic-framework/issues/30675)) ([66f517d](https://github.com/ionic-team/ionic-framework/commit/66f517d5b2154fff00b294a78f4107f057a580c6)), closes [#30079](https://github.com/ionic-team/ionic-framework/issues/30079)
14+
15+
16+
17+
18+
619
## [8.7.3](https://github.com/ionic-team/ionic-framework/compare/v8.7.2...v8.7.3) (2025-08-20)
720

821

‎core/Dockerfile‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
# Get Playwright
2-
FROM mcr.microsoft.com/playwright:v1.54.2
2+
FROM mcr.microsoft.com/playwright:v1.55.0
33

44
# Set the working directory
55
WORKDIR /ionic

‎core/api.txt‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -622,6 +622,12 @@ ion-col,prop,offsetMd,string | undefined,undefined,false,false
622622
ion-col,prop,offsetSm,string | undefined,undefined,false,false
623623
ion-col,prop,offsetXl,string | undefined,undefined,false,false
624624
ion-col,prop,offsetXs,string | undefined,undefined,false,false
625+
ion-col,prop,order,string | undefined,undefined,false,false
626+
ion-col,prop,orderLg,string | undefined,undefined,false,false
627+
ion-col,prop,orderMd,string | undefined,undefined,false,false
628+
ion-col,prop,orderSm,string | undefined,undefined,false,false
629+
ion-col,prop,orderXl,string | undefined,undefined,false,false
630+
ion-col,prop,orderXs,string | undefined,undefined,false,false
625631
ion-col,prop,pull,string | undefined,undefined,false,false
626632
ion-col,prop,pullLg,string | undefined,undefined,false,false
627633
ion-col,prop,pullMd,string | undefined,undefined,false,false
@@ -641,6 +647,7 @@ ion-col,prop,sizeSm,string | undefined,undefined,false,false
641647
ion-col,prop,sizeXl,string | undefined,undefined,false,false
642648
ion-col,prop,sizeXs,string | undefined,undefined,false,false
643649
ion-col,prop,theme,"ios" | "md" | "ionic",undefined,false,false
650+
ion-col,css-prop,--col-unit-size
644651
ion-col,css-prop,--ion-grid-column-padding
645652
ion-col,css-prop,--ion-grid-column-padding-lg
646653
ion-col,css-prop,--ion-grid-column-padding-md
@@ -2006,6 +2013,7 @@ ion-router-outlet,prop,theme,"ios" | "md" | "ionic",undefined,false,false
20062013
ion-row,shadow
20072014
ion-row,prop,mode,"ios" | "md",undefined,false,false
20082015
ion-row,prop,theme,"ios" | "md" | "ionic",undefined,false,false
2016+
ion-row,css-prop,--ion-grid-gap
20092017

20102018
ion-searchbar,scoped
20112019
ion-searchbar,prop,animated,boolean,false,false,false

‎core/package-lock.json‎

Lines changed: 17 additions & 14 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎core/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@ionic/core",
3-
"version": "8.7.3",
3+
"version": "8.7.4",
44
"description": "Base components for Ionic",
55
"keywords": [
66
"ionic",
@@ -45,7 +45,7 @@
4545
"@clack/prompts": "^0.11.0",
4646
"@ionic/eslint-config": "^0.3.0",
4747
"@ionic/prettier-config": "^2.0.0",
48-
"@playwright/test": "^1.54.2",
48+
"@playwright/test": "^1.55.0",
4949
"@rollup/plugin-node-resolve": "^8.4.0",
5050
"@rollup/plugin-virtual": "^2.0.3",
5151
"@stencil/angular-output-target": "^0.10.0",

0 commit comments

Comments
 (0)