[Webkit-unassigned] [Bug 254936] New: (iOS 16.4): Modal gets stuck in in-app browser

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Apr 3 12:16:27 PDT 2023


https://bugs.webkit.org/show_bug.cgi?id=254936

            Bug ID: 254936
           Summary: (iOS 16.4): Modal gets stuck in in-app browser
           Product: WebKit
           Version: Other
          Hardware: iPhone / iPad
                OS: iOS 16
            Status: NEW
          Severity: Blocker
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: yourwill55 at gmail.com

Created attachment 465749

  --> https://bugs.webkit.org/attachment.cgi?id=465749&action=review

modal not sticking to top

## Problem

we are using Cordova-ios 6.2.0  to create our iOS app. The issue is with the in-app browser feature in our mobile app in the iOS 16.4. This issue is not present in the previous stable iOS version (16.3 and earlier), and our team has not made any recent changes to the code that would affect this feature.

### What is expected to happen?

The modal should be present at top always while scrolling and editing text fields.

### What does actually happen?

The problem is that modal is misplaced in the in-app browser.

To provide more detail, when a user clicks on a link within the in-app browser that should open a modal, the modal does appear but upon scrolling (intermittent) and inputting into text field (always) the modal is floating in the middle of the browser instead of attaching the top which it should be.

Also on one of the page, the page is rendered correctly but upon scrolling the bottom buttons becomes invisible but remains interactive. However, the button should always show at the bottom.

The app is working perfectly using safari browser on all iOS.

Also, we are setting CSS fixed position but it's not working on iOS 16.4.

## What we tried

setting: <meta name='viewport' content='initial-scale=1, viewport-fit=cover'>
changing height to 100vh from 100%.
setting top:0 in CSS.

### Environment, Platform, Device

iOS 16.4

### Version information

Cordova: Cordova CLI -> 11.0.0 , 
Cordova Platforms -> cordova-ios - 6.2.0, 
Cordova Plugins -> cordova-plugin-inappbrowser : "version": "5.0.0",
Xcode - 14.2/14.3

Note: I'd like to prepare a sample demo program to reproduce the issue, but it doesn't occur in safari, so I haven't been able to prepare one yet.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230403/035344c8/attachment.htm>


More information about the webkit-unassigned mailing list