ionic-team / ionic-team/ionic-framework

bug: card style modal should be rounder when on notch iphones

Open
#23,015 4 comments 4 reactions 0 assignees View on GitHub
package: core type: bug
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

# Bug Report

**Ionic version:**

[ ] **4.x**
[x] **5.x**

**Current behavior:**
On iOS the Card-Style-Modal does not change while dragging up and down (dismissing)

**Expected behavior:**
Border-Radius should be rounder while dismissing on devices with notch (iPhone X –> iPhone 12)

**Steps to reproduce:**
See native iOS-Apps (like Messages)
or see Video

**Other information:**
Video of **native iOS-App:** https://youtu.be/K01Akn1J9bw
Video of **Ionic-App:** https://youtu.be/dd4-qw0OxQg

_Look at the border-radius of the underlaying element_

**Ionic info:**

```
Ionic:

Ionic CLI : 6.13.1

Utility:

cordova-res : 0.15.3
native-run : not installed

System:

NodeJS : v14.15.4
npm : 7.5.2
OS : macOS Big Sur
```

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.