[Woo POS] Don't ignore safe area at the root of POS modal #16121
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Ignoring a safe area at the root of the POS modal removes the safe area for the whole POS
Description
As a regression after #16104, POS headers and the floating button appeared too close to the edges due to the removal of the safe area at the root of the POS modal code.
For now, I just removed this ignore, which will make the modal window only expand up until the top and bottom safe areas. I spent some time trying to find the solution, but it looks like just setting
.cornerRadius
is enough to trigger safe area. Putting cornerRadius on the background worked on card-present payment modals, but broke other modals in the process.Here are various fixes that I tried if interested:
modal.attempts.mov
Steps to reproduce
The payment modals should behave as in #16104, but don't grow past the top and bottom of safe area.
Payment modals:
Regression:
Testing information
Screenshots
Simulator.Screen.Recording.-.iPad.Air.13-inch.M3.-.2025-09-11.at.20.09.10.mov
RELEASE-NOTES.txt
if necessary.