correct, I appreciate the comment. I agree the DOM is not an api and should be avoided if you want maintenance free environment. That is stated in the article. If you can’t live with ribbon and this is a blocker for you and you accept the risk then this article is for you. There are case where some organizations prefer to hide OOTB features to prevent uneducated users from clicking around too much or where they want a slightly more controlled environment.

Also there’s nothing that can be done about the flash of the ribbon initially. Any custom code always loads after any Microsoft code. Saying that any customization will only take effect once your code is loaded. In this case the ribbon is seen for a few moments then removed. It’s not a bullet proof solution in that sense.

Important

The SharePoint page HTML DOM is not an API. You should avoid taking any dependencies on the page DOM structure or CSS styles, which are subject to change and potentially break your solutions. SharePoint Framework provides a rich API to customize the SharePoint experience in reliable ways and is the only supported means to interact with the SharePoint page HTML DOM.

in https://docs.microsoft.com/en-us/sharepoint/dev/spfx/enterprise-guidance

you have some trade offs here due to when app customizers load and caching. css vs js . Just remember all Microsoft code loads first, then it allows app customizers / webparts.

the least amount of flicker is to hide the bar with CSS and then show it with JavaScript. the css will cache but there is always a flicker.

Thanks so much Tom, this works great. Your help is much appreciated. 🙂

Just posted an update to the article w/ a link to a sample github project. let me know if you have any other questions!

Thanks for the feedback. The header is if you had a component you were creating in the application customizer. This was a snippet from my original POC. Tomorrow I’ll post a link to a sample github project with the complete solution.

Hi William,

I don’t know whether you will see this but I am in the same situation as yourself. I was wondering if you could perhaps elaborate on how you were able to resolve these errors?

Thanks

Hi William,

I’m not sure whether you will see this comment but I’m in similar position to yourself, could you perhaps expand on what you had to do to resolve these errors? Any help would be greatly appreciated.

Thanks