How to hide 'progress bar' at bottom of page when showing popups (solution)

There is an annoying little strip that momentarily appears at the bottom of the page whenever a popup is shown in Bubble apps. It looks like a progress bar or the ‘blackout area’ being shifted up momentarily:
Before applying script

Here’s how to remove it…

Go to ‘settings’ in your bubble app > ‘SEO / Meta tags’, and paste this code in the ‘SEO / Meta tags in header’ section:

<style> .greyout { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 100vh !important; } </style>

Example:

After you paste this script, the line will stop showing when users open popups.