[iOS] Platform views is rendered above another widget when scrolling #153904
Description
Steps to reproduce
- Clone repo: https://github.com/reklada/flutter-webview-render-issue.git
- Run on iOS
- Scroll view
Expected results
The amber-colored container should remain visible at the top of the view at all times, regardless of the scrolling activity in the ListView below it. The container's position should be fixed and unaffected by the scrolling behavior of the underlying content.
Actual results
When the ListView is scrolled and the WebView within it reaches the bottom edge of the AppBar (located under the top container), the WebView is rendered above the amber-colored container, obscuring it from view. This issue also occurs in our production app with a similar setup involving WebViews and Google Mobile Ads, where the container is unexpectedly covered instead of remaining visible. Notably, this issue does not occur on previous Flutter version 3.22.2.
Code sample
https://github.com/reklada/flutter-webview-render-issue.git
Screenshots or Video
Screenshots / Video demonstration
ScreenRecording_08-22-2024.09-34-47_1.MP4
Logs
Logs
[Paste your logs here]Flutter Doctor output
Doctor output
[✓] Flutter (Channel stable, 3.24.1, on macOS 14.2 23C64 darwin-arm64, locale fi-FI)
• Flutter version 3.24.1 on channel stable at /Users/paanarek/Documents/GitRepositories/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 5874a72aa4 (33 hours ago), 2024-08-20 16:46:00 -0500
• Engine revision c9b9d5780d
• Dart version 3.5.1
• DevTools version 2.37.2
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
• Android SDK at /Users/paanarek/Library/Android/sdk
• Platform android-34, build-tools 34.0.0
• ANDROID_HOME = /Users/paanarek/Library/Android/sdk
• Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 17.0.9+0-17.0.9b1087.7-11185874)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 15.4)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Build 15F31d
• CocoaPods version 1.15.2
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 2023.2)
• Android Studio at /Applications/Android Studio.app/Contents
• Flutter plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 17.0.9+0-17.0.9b1087.7-11185874)
[✓] VS Code (version 1.92.2)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.94.0
[✓] Connected device (5 available)
• iPhone (Reko) (mobile) • 00008130-000A44A11E8B803A • ios • iOS 18.0 22A5338b
• iPhone 15 Pro (mobile) • 338C721F-7A5A-4A81-BB3C-FF72B38D4DD6 • ios • com.apple.CoreSimulator.SimRuntime.iOS-17-5 (simulator)
• macOS (desktop) • macos • darwin-arm64 • macOS 14.2 23C64 darwin-arm64
• Mac Designed for iPad (desktop) • mac-designed-for-ipad • darwin • macOS 14.2 23C64 darwin-arm64
• Chrome (web) • chrome • web-javascript • Google Chrome 127.0.6533.120
[✓] Network resources
• All expected network resources are available.
• No issues found!