BUG:window controls overlap the navbar when app is maximized.

[puneeth-92]

Is there an existing issue for this?

• I have searched the existing issues

What happened?

On macOS when i tried using PictoPy app in a maximized window(full screen), the system window controls (red/yellow/green buttons) overlap with the application's top navigation panel.
This makes the navbar partially hidden, affecting usability.

Expected Behaviour
The navbar should have enough top padding/safe-area spacing so it does not get covered by macOS window controls.

Actual Behaviour
The macOS window controls overlap the navbar area in full screen mode.

Record

• I agree to follow this project's Code of Conduct

[github-actions]

👋 Thanks for opening this issue! The maintainers will review it shortly. Till then, do not open any PR. This is a strict rule we like to follow around here :)

[puneeth-92]

Hi @rahulharpal1603 , I reproduced this on macOS full screen mode.
I'd like to work on it and come up with a good fix.
Please assign this to me.

[Harshad071]

Hi maintainers 👋

I’ve reproduced this issue on macOS in fullscreen mode and confirmed that the navbar gets overlapped by the system window controls due to missing safe-area handling.

I believe this can be cleanly fixed by updating the navbar layout to respect macOS safe-area insets (e.g. env(safe-area-inset-top)), which would keep the solution cross-platform without affecting Windows/Linux.

I’d be happy to work on this and propose a fix following the project’s contribution guidelines.

Could you please assign this issue to me? Thanks!

[puneeth-92]

Hi @Harshad071 , I have also reproduced this issue on macOs and have already implemented a fix locally.
I am currently waiting for the maintainer to assign this issue, so I can raise a PR as per the organisation's contribution guidelines.
I suggest you to explore the project and find more issues so that you can work on those.