MudBlazor/MudBlazor

`<MudAppBar Bottom="true">` hides content of `<MudMainContent>` while it doesn't at the top

Ouverte

#6 653 ouverte le 14 avr. 2023

 (7 commentaires) (1 réaction) (0 personne assignée)C# (1 631 forks)batch import
buggood first issuehas workaround

Métriques du dépôt

Stars
 (10 394 étoiles)
Métriques de merge PR
 (Merge moyen 6j 6h) (108 PRs mergées en 30 j)

Description

Bug type

Component

Component name

MudLayout

What happened?

While creating #6652, I noticed that adding <MudAppBar Bottom="true"> results in <MudMainContent>'s bottom end gets cut off due to the bottom <MudAppBar> hiding it - even when adding the CSS class mb-2 to the <MudPaper> in the reproduction link's example.

Expected behavior

<MudMainContent>'s bottom end should still be visible, even when using a footer bar.

Reproduction link

https://try.mudblazor.com/snippet/mkwHYIPomLxYSdwu

Reproduction steps

  1. Create a Razor page as simple as shown over at the reproduction link.
  2. Render the page.
  3. Scroll to the bottom, noticing the hidden lower end of <MudMainContent>.

Relevant log output

No response

Version (bug)

6.2.2

Version (working)

No response

What browsers are you seeing the problem on?

Firefox, Chrome, Microsoft Edge, Safari, Other

On what operating system are you experiencing the issue?

Windows, Mac OSX, Linux, iOS, Android, Other

Pull Request

  • I would like to do a Pull Request

Code of Conduct

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

Guide contributeur