Last updated:
May 19, 2026
Hide Elements on Page Load / Prevent Flickering
To prevent UI elements like the address search bar or filter reset button from flickering during page load, add the ncf-hide-on-load class to those elements in Webflow. They will be hidden during initialization and revealed once the map is ready. Tip: set ncf-address-range-container to Display: None in the designer — Dynamic Map will still show it on the live site.
To prevent map UI elements from briefly appearing in their unstyled or unfiltered state during page load, add the ncf-hide-on-load class to any element you want hidden until the map has fully initialized.
With ncf-hide-on-load applied: Elements are hidden during load and revealed once the map is ready.
Without ncf-hide-on-load: Elements flash into view before the map scripts finish, causing a flickering effect.
💡 Pro Tip: Set ncf-address-range-container to Display: None in Webflow Designer so it doesn't show during design — Dynamic Map will still render it on the live site. See also: Map Address Search.
