fix(core): fix width and height of map overlay

[dopenguin]

Summary

Update the width and the height of the map overlay. This was broken after #545.
Note that the overlay now is placed below the interface elements. I think this is quite nice. If you disagree, I'll change it back to the previous implementation.

Instructions for local reproduction and review

npm run snowbox and try scrolling via mousewheel.

[github-actions]

PR Preview Action v1.8.0
🚀 View preview at https://Dataport.github.io/polar/pr-preview/pr-587/
Built to branch gh-pages at 2026-04-22 14:58 UTC. Preview will be ready when the GitHub Pages deployment is complete.

[warm-coolguy]

🏓 @dopenguin

Due to "Press Ctrl + Scroll to zoo", I prefer the prior solution of overlapping it all.

[dopenguin]

🏓 @dopenguin

Due to "Press Ctrl + Scroll to zoo", I prefer the prior solution of overlapping it all.

Took some more effort, but works now 488c3cc

🏓 @warm-coolguy @oeninghe-dataport

[warm-coolguy]

🏓 @dopenguin While code regarding the one finger pan is present, it does work on the snowbox example in neither Android Chrome nor Safari Firefox. Please double-check.

It also occurred to me that NVDA does not read the hint. I figure that it should, in an utmost polite fashion. Do you agree? If so, I'll make it a separate issue.

[dopenguin]

🏓 @dopenguin While code regarding the one finger pan is present, it does work on the snowbox example in neither Android Chrome nor Safari Firefox. Please double-check.

It also occurred to me that NVDA does not read the hint. I figure that it should, in an utmost polite fashion. Do you agree? If so, I'll make it a separate issue.

Good catch, works now df6130c!

Screenreaders reading the hint seems like a good idea, please add an issue!

🏓 @warm-coolguy

[warm-coolguy]

🏓 @dopenguin

On Safari mobile, in FullScreen mode, the hint is shown, albeit the map is panning. Please also check internal channel notes on Android behaviour, where we asked the team to check it on their devices.

Edit: According to tester feedback, Firefox seems to only sometimes display the hint.

Edit: According to tester feedback, with two fingers, both the map pan and the page scroll.

[dopenguin]

🏓 @dopenguin

On Safari mobile, in FullScreen mode, the hint is shown, albeit the map is panning. Please also check internal channel notes on Android behaviour, where we asked the team to check it on their devices.

Edit: According to tester feedback, Firefox seems to only sometimes display the hint.

Edit: According to tester feedback, with two fingers, both the map pan and the page scroll.

The overlay should now be hidden when switching to fullscreen 9caea80.

I was not able to reproduce the behaviour of Firefox sometimes displaying the hint when it is not supposed to nor that the page scroll when panning with two fingers. Both was tested on an iPhone 15 Pro with iOS 26.4.1 and the latest versions of Firefox, Chrome and Safari.

🏓 @warm-coolguy