ionic-team / ionic-team/ionic-framework

bug: missing divider between IonItems on iOS 26

Open
#30,772 1 comment 3 reactions 1 assignee Claimed by @ShaneK View on GitHub
type: bug
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

### Prerequisites

- [x] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [x] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [x] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v8.x

### Current Behavior

Line dividers between IonItems are missing sometimes on iOS 26 when using IonGrid inside and having multiple lines of text. It happens randomly to some of the items in the list.

Image

### Expected Behavior

Dividers should be rendered with all list items.

### Steps to Reproduce

1. Render an IonList with several IonItems having a grid layout and multiple lines of text.
2. Scroll and observe the dividers closely.

### Code Reproduction URL

https://github.com/saadashfaque/ionic-fullscreen

### Ionic Info

Ionic:

Ionic CLI : 7.2.1 (/Users/xxx/.nvm/versions/node/v22.11.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/react 8.5.7

Capacitor:

Capacitor CLI : 7.2.0
@capacitor/android : not installed
@capacitor/core : 7.2.0
@capacitor/ios : 7.2.0

Utility:

cordova-res : not installed globally
native-run : 2.0.1

System:

NodeJS : v22.11.0 (/Users/xxx/.nvm/versions/node/v22.11.0/bin/node)
npm : 10.9.0
OS : macOS Unknown

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.