Usage of -Position on New-UDAppBar when using -Footer Parameter

1

I am attempting to use New-UDAppBar to create a custom header and footer on a blank page.

I wish to have the header at the very top disappearing with the text as I scroll down.

I wish to have the footer at the bottom of the window for pages shorter than the height of the window or, at the bottom fo the page for longer pages.

I am able to achieve this using raw HTML and CSS Flex.

I am able to script the header to act as intended by using the -Postition absolute setting in New-UDAppBar.

When trying to use New-UDApp -Footer -Postion Static to create a footer when i load the page the CSS style appears to set Postion to Fixed:

2023-08-01 15_15_11-home.ps1 - envdev - Visual Studio Code
2023-08-01 15_15_11-home.ps1 - envdev - Visual Studio Code1352×696 67.4 KB

Is there any other way i can do this?

My code:

New-UDPage -Title home -Name home -Blank -HideNavigation -Content {
    New-UDAppBar -Position absolute -ClassName header -DisableThemeToggle -Children {
        New-UDParagraph -Text "Header"
    }
    New-UDGrid -Container -ClassName PageGrid -Children {
        New-UDGrid -Item -Children {
            new-udhtml -Markup "Paragraph"
            new-udhtml -Markup "Paragraph"
            new-udhtml -Markup "Paragraph"            
        }
    }

    New-UDAppBar -id Footer -Position relative -Footer -ClassName Footer -Children {
        New-UDParagraph -Text "Footer"
    }
}