Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

MAUI Blazor `html, body, #app { height: 100%; }` works properly on Windows but doesn't work properly on macOS

See original GitHub issue

Description

MAUI Blazor html, body, #app { height: 100%; } works properly on Windows but doesn’t work properly on macOS

There is no scrollbar on Windows:

MauiWindows

But there is a scrollbar on macOS:

MauiMac

Steps to Reproduce

Create new Maui Blazor project
Add html, body, #app { height: 100%; } to app.css
Run on Windows - there is no scrollbar - as expected
Run on macOS - there is a scrollbar - not as expected - bug

Link to public reproduction project repository

https://github.com/Jinjinov/MauiBug

Version with bug

7.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

macOS

Affected platform versions

macOS Ventura 13.0.1

Did you find any workaround?

No response

Relevant log output

No response

Issue Analytics

State:
Created 10 months ago
Reactions:1
Comments:6 (2 by maintainers)

Top GitHub Comments

1reaction

mkArtakMSFTcommented, Nov 22, 2022

@guardrex can you please add a note in the documentation that each platform you run your app on will use the default browser for that platform and the differences between these browsers need to be accounted for.

0reactions

jinxinjuancommented, Jul 17, 2023

Verified this issue with Visual Studio for Mac 17.6 (build 1575). Can repro on macOS with sample project. https://github.com/Jinjinov/MauiBug