Live Customizer Not working on Websites with No Iframe

[surjithctly]

When checking the Live customizer option, The page keeps refreshing. I've set a code in htaccess to avoid loading websites in iframe.

Because of that the customizer keeps refreshing. There are many websites disallow iframe use, so the customizer should work on that kind of websites too.

[westonruter]

@surjithctly: thanks for the report.

What does your .htaccess look like specifically?

If you have frame-busting code in your site, you'll need to explicitly disable it if the site is to be viewed in the Customizer. Specifically, it should be omitted if is_customize_preview() returns true.

[surjithctly]

Sorry for the confusion. It was not in the htaccess. Instead its a Javascript snippet. See below.

(function(window) {
  if (window.location !== window.top.location) {
    window.top.location = window.location;
  }
})(this);

[westonruter]

OK, so what you need to do then is simply change this to:

(function( window ) {
  var isCustomizePreview = ( typeof wp !== 'undefined' && typeof wp.customize !== 'undefined' );
  if ( ! isCustomizePreview && window.location !== window.top.location ) {
    window.top.location = window.location;
  }
})( this );