I am encountering an issue with a popup window in my Angular app. Despite testing it on various screen resolutions using Chrome's DevTools Screencast, the popup appears correctly styled and positioned on mobile devices. However, when tested on a real tablet, the popup is cut off. This problem did not occur during virtual tests with different screen resolutions in DevTools. What could be causing this discrepancy?
The container for the popup is identified as mat-bottom-sheet-container
.
When viewed on my Android tablet running Chrome v116.0.5:
https://i.sstatic.net/iA6JK.png
And on Devtools ScreenCast with the same Chrome version:
https://i.sstatic.net/SqauH.png
Both screenshots display the same screen resolution.