rengel
I’ve created a standard Phoenix LiveView application:
mix phx.new demo --live --no-ecto
No problems with that. But when I switch from the start screen to the dashboard (by clicking on LiveDashBoard) and go from there back to the start screen, then the raw text (without styling) of the start screen is shown shortly (like a kind of flicker). Only then after a short delay, the css-styling kicks in, and the normal start screen is shown again.
Is this behaviour by design?
Is there a way to prevent the display of the raw text (the ‘flicker’)?
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Phoenix, LiveView, multimedia pipelines, distributed systems. 400 engineers, Elixir since 2017. Available for hire.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #ai
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #blog-post
- #elixirconf-us
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #security
- #hex
Our Sponsors
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Practical resources that improve the lives of professional developers.
Producing high quality Elixir screencasts since 2017.
**Building the future of software with AI, trust, and human connection.**
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 5- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
egze
Maybe Webpack was still in process of building assets. Or does it happen every time when you reload the page again?
rengel
It does happen every time I reload the page (i.e. by clicking the refresh button of the browser). But even if webpack might be the culprit, it would be nice to have a way to suppress the display until the styling is
finished.
BTW: As I followed the standard procedure for creating a Phoenix LiveView application and didn’t add code of my own, the behaviour should be reproducible.
overcomeoj
When you say “raw”, do you mean the default browser styles or some how mis-rendered html where you see tag names or whatever.
Maybe you’re suffering from FOUC? Flash of unstyled content - Wikipedia
rengel
I mean the style that is shown without any CSS applied.
yreuvekamp
Firefox tends to do this in my case. Not specifically with Phoenix (Liveview), though.
@overcomeoj which browser are you using and do you see this behavior on other websites?