[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