Level 14
Interested to know too. Have you figured it out?
1 like
Sep 13, 2022
6
Level 63
How to avoid blinking when partial reload ?
Hello,
I display an InertiaJS page with datas arising from 3 different queries.
When I partial reload for example only 2 datas, the refresh of the page is unpleasant because it deletes the initial content to replace it with the new content, very fast, but not fast enough to not notice that and it makes a kind of blink.
With an axios request, it's very different, there's no blink and it just update the content according to the new request result.
Is it possible to avoid this blink with InertiaJS ?
Thanks for your answer.
Vincent
Level 75
I have seen where a stray echo statement causes this.
1 like
Level 63
@jlrdw What do you mean ?
Level 51
Is this not our old friend, [v-cloak] rearing its head once again?
1 like
Level 63
@jaseofspades88 What ? I don't understand what you mean ...
Level 51
Vue has a compilation 'ick' that, at runtime causes things to flash up intermittently as the page loads. [v-cloak] is what can used to hide these flashes. https://www.w3schools.com/vue/ref_v-cloak.php.
When used with the following css, your flashes should stop:
[v-cloak] {
display: none;
}
1 like
Please or to participate in this conversation.