Update customize preview css

FameThemes · Sep 10, 2018 · 12647fe · 12647fe
1 parent e88be93
commit 12647fe
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/assets/js/customizer-liveview.js b/assets/js/customizer-liveview.js
@@ -77,17 +77,21 @@
         } );
     } );
 
-    $( window ).resize( function(){
+    function update_css( ){
          var css_code = $( '#onepress-style-inline-css' ).html();
         // Fix Chrome Lost CSS When resize ??
-        $( '#onepress-style-inline-css' ).html( css_code );
+        $( '#onepress-style-inline-css' ).replaceWith( '<style class="replaced-style" id="onepress-style-inline-css">'+css_code+'</style>' );
+
+    }
+
+    // When preview ready
+    wp.customize.bind( 'preview-ready', function() {
+        update_css();
     });
 
-    setTimeout( function(){
-        var css_code = $( '#onepress-style-inline-css' ).html();
-        // Fix Chrome Lost CSS When resize ??
-        $( '#onepress-style-inline-css' ).html( css_code );
-    }, 200 );
+    $( window ).resize( function(){
+        update_css();
+    });
 
 
     wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function( settings ) {