Ferenc
Title in browser's tab is 500ms behind the DOM rendering when using navigate/push
For some reason the title in the browser tab is always behind the dom/page rendering like 500 ms or something.
But the same is also a thing is in Next and SvelteKit, not sure about Livewire.
Can it be make to render at the same time as the page?
Marked As Solved
arcanemachine
Sounds like a browser issue. Does this happen in multiple different browsers?
Also Liked
garrison
Looks like LiveView simply sets document.title, but the invocation is wrapped in requestAnimationFrame.
Just a hunch: perhaps the animation frame callback is taking a while for some reason?
Try writing some JS to update document.title with and without a requestAnimationFrame callback and see if you can reproduce that behavior.
Another possibility is that work done by the LiveView JS (diff-related?) takes a long time after the callback is set, thereby delaying it. It would have to be a browser-specific performance issue I suppose. Make sure you test these things without any other tabs running in case that has something to do with it.
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Practical resources that improve the lives of professional developers.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Real-time error tracking, performance insights, and observability for devs.
Practical resources that improve the lives of professional developers.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
Courses that'll move you from confusion to "Aha, now I get it!"