Merge pull request #494 from hydephp/update-hydefront

Add x-cloak as inline styles to prevent Alpine.js flashes

Author: caendesilva

RELEASE_NOTES.md

@@ -69,6 +69,7 @@ In general, these changes should only affect those who have written custom code
 
 ### Fixed
 - Fixed validation bug in the rebuild command
+- Add x-cloak as inline style in styles.blade.php to prevent flashes until stylesheets are loaded
 
 ### Security
 - in case of vulnerabilities.

packages/framework/resources/views/layouts/styles.blade.php

@@ -1,3 +1,6 @@
+{{-- Prevent Alpine.js flashes --}}
+<style>[x-cloak] {display: none!important}</style>
+
 {{-- The compiled Tailwind/App styles --}}
 @if(config('hyde.load_app_styles_from_cdn', false))
 <link rel="stylesheet" href="{{ Asset::cdnLink('app.css') }}">