[Bug]: Window Not Displaying Over Dock in Fullscreen Mode

[ayushete02]

Preflight Checklist

• I have read the Contributing Guidelines for this project.
• I agree to follow the Code of Conduct that this project adheres to.
• I have searched the issue tracker for a bug report that matches the one I want to file, without success.

Electron Version

29.3.0

What operating system are you using?

macOS

Operating System Version

14.4.1

What arch are you using?

arm64 (including Apple Silicon)

Last Known Working Electron version

No response

Expected Behavior

I am developing an application using Electron where I need the application window to display in full-screen mode, covering all screen elements including the dock (on macOS)

Actual Behavior

The window does not extend over the dock; instead, it adjusts to fit the available space above the dock, not utilizing the full screen.

Testcase Gist URL

No response

Additional Information

No response

[electron-issue-triage]

Hello @ayushete02. Thanks for reporting this and helping to make Electron better!

Would it be possible for you to make a standalone testcase with only the code necessary to reproduce the issue? For example, Electron Fiddle is a great tool for making small test cases and makes it easy to publish your test case to a gist that Electron maintainers can use.

Stand-alone test cases make fixing issues go more smoothly: it ensure everyone's looking at the same issue, it removes all unnecessary variables from the equation, and it can also provide the basis for automated regression tests.

Now adding the blocked/need-repro Needs a test case to reproduce the bug label for this reason. After you make a test case, please link to it in a followup comment. This issue will be closed in 10 days if the above is not addressed.

[ayushete02]

Screen.Recording.2024-04-16.at.8.52.29.PM.mov

Hello, Thank you for your guidance. I appreciate the suggestion to use Electron Fiddle for creating a minimal test case. Here is a more detailed context of the issue:

I am developing a video recorder application that includes a feature allowing users to select a specific region of the screen to record. While this feature functions correctly on Windows, I am facing a challenge on macOS. Despite setting the window to fullscreen mode, it does not overlay the dock and the top taskbar, which is crucial for the functionality of the region selection feature.

To provide a clearer picture i shared you a video, the application creates a fullscreen overlay on the desktop under which users can define the recording area. However, on macOS, the overlay window does not cover the entire screen, specifically leaving the dock and top taskbar areas exposed. This issue limits the selectable region and affects the user experience.

[ayushete02]

https://gist.github.com/ayushete02/71e52e07c6090d6c7ddfb4e2ab237c49

[codebytere]

This is unfortunately the intended behavior for the BrowserWindow options you've chosen as well as the way macOS does within-desktop fullscreen. If you try to drag down the window of an existing native macOS system app (take Finder for example) you can't do that either.

[ayushete02]

Hello,

Thank you for your insights @codebytere on the macOS behavior with BrowserWindow. I understand that the observed behavior aligns with macOS's default handling of within-desktop fullscreen applications.

However, I have noticed that some Electron apps seem to achieve a truly immersive fullscreen experience that covers the dock and top taskbar. Could you possibly provide any insights or documentation on how these applications might be circumventing the default macOS limitations?

Additionally, I am considering a potential solution where I could programmatically hide the dock to allow the fullscreen window to cover the entire screen. Is there a recommended approach within Electron to achieve this? Any guidance or references to similar implementations would be extremely helpful as I navigate this part of the project.

Thank you for your continued support and looking forward to your advice.