fix (design library): spinner does not hide

Author: [email protected]

src/components/design-library-list/design-preview.js

@@ -90,7 +90,9 @@ export const DesignPreview = ( {
 
 		setIsLoading( true )
 
-		const ric = window.requestIdleCallback || ( cb => setTimeout( cb, designIndex * 20 ) )
+		// Comment this since our requestIdleCallback is not called
+		// const ric = window.requestIdleCallback || ( cb => setTimeout( cb, designIndex * 20 ) )
+		const ric = cb => setTimeout( cb, designIndex * 20 )
 		const sanitizedHTML = safeHTML( blocks )
 
 		if ( selectedTab !== 'pages' || designIndex < 9 ) {

src/components/design-library-list/editor.scss

@@ -243,14 +243,14 @@
 		width: 100%;
 		position: absolute;
 		transition: opacity 0.3s cubic-bezier(0.2, 0.6, 0.4, 1);
-  		will-change: opacity;
+		will-change: opacity;
 		opacity: 1;
 		display: flex;
-		background-color: #fff;
-		z-index: 1;
+		// background-color: #fff;
+		// z-index: 1;
 		&.stk-hide-spinner {
 			opacity: 0;
-			z-index: -1;
+			// z-index: -1;
 		}
 		.components-spinner {
 			margin: auto;