Skip to content

Commit

Permalink
docs(v8): update with latest migration recommendations (#3524)
Browse files Browse the repository at this point in the history
  • Loading branch information
liamdebeasi authored Mar 15, 2024
1 parent 01344a3 commit a8f7a26
Showing 1 changed file with 17 additions and 0 deletions.
17 changes: 17 additions & 0 deletions docs/updating/8-0.md
Original file line number Diff line number Diff line change
Expand Up @@ -148,6 +148,17 @@ Developers who want to disable dynamic font scaling can set `--ion-dynamic-font:

For more information on the dynamic font, refer to the [Dynamic Font Scaling documentation](../layout/dynamic-font-scaling).

### (Angular Only) `angular.json` CSS import order

The `angular.json` file currently imports `src/theme/variables.scss` before importing `src/global.scss`. This may cause the incorrect styles to be applied when customizing the new [Dark Theme](#dark-theme) changes.

We recommend having the `src/global.scss` file get imported first instead:

```diff
- "styles": ["src/theme/variables.scss", "src/global.scss"],
+ "styles": ["src/global.scss", "src/theme/variables.scss"],
```

## Required Changes

### Browser Support
Expand Down Expand Up @@ -175,6 +186,12 @@ iOS >=15
2. Remove any usages of the `accept` property.
3. Migrate any remaining instances of Input to use the [modern form control syntax](../api/input#migrating-from-legacy-input-syntax). Additionally, remove any usages of the `legacy` property as the legacy form control syntax has been removed.

### Item

1. Remove any usages of the `counter` or `counterFormatter` properties. Use the properties of the same names on `ion-input` and `ion-textarea` instead.
2. Remove any usages of the `helper` or `error` slots. Use the `helperText` and `errorText` properties on `ion-input` and `ion-textarea` instead.
3. Remove any usages of the `fill` or `shape` properties. Use the properties of the same names on `ion-input`, `ion-textarea`, and `ion-select` instead.

### Nav

1. Update any usages of `getLength` to `await` the call before accessing the returned value as this method now returns `Promise<number>` instead of `number`.
Expand Down

0 comments on commit a8f7a26

Please sign in to comment.