We are creating a custom footer though SPFx Application Customizer for modern sharepoint pages. But our requirement on the Footer is to show the footer with a increased height. Once we deployed the customizer the Body of the page is not fully displayed. The footer is getting freeze in the screen and the rest of the body content needed to navigate via vertical scrolls. The code block to set the footer is mentioned below.
let bottomPlaceholder: PlaceholderContent = this.context.placeholderProvider.tryCreateContent(PlaceholderName.Bottom);
if (bottomPlaceholder) {
ServiceManagerStatic.getService().getFooterContent("").then((footer)=>{
console.log(footer);
bottomPlaceholder.domElement.innerHTML = footer;
}).catch((err)=>{
});
return Promise.resolve();
Ideally the Footer should be placed in the bottom of the page not in the bottom of the screen. Is there a solution to apply this footer in bottom of the page so that it won't affect the contents of the page?
