Flutter hot reload not refresh current browser window until I focus it

Question

I am writing a test application in Android Studio. Hot reload works fine in the Android emulator (Google Pixel), and when saving the project, the application immediately overloads in the emulator window.

But if you open the application in a browser emulator: Chrome or Edge, the application is NOT updated in it until I move the mouse cursor to the browser area. This is very annoying, maybe there is a way to overcome it?

Picture from console when doing "Hot Reload"

The picture shows an example of the application waiting for 7 seconds while I move the mouse to the browser window.

It is enough to move mouse there, it is not necessary to click.

Solution 1

had the same problem with a similar radeon graphic card.

i installed the mainline kernel version 4.6 from here:

http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.6-yakkety/

Here is a guide for the installation:

https://wiki.ubuntu.com/Kernel/MainlineBuilds#Verifying_the_mainline_build_binaries

After booting the new kernel, i tested the card with the following command, and the changing to the radeon graphic card was working:

$ DRI_PRIME=1 glxgears -info

(have posted this hint there too: 16.04 - Radeon R7 M260 errors)

Solution 2

Flutter hot reload only applicable for mobile devices and not for web.

Comments

[kukulo]

There is a bug in kernel 4.2 preventing the init of the radeon driver. Good starting point would be bisect the kernel to find out last good kernel version which works with the graphic switch.

[Hossein Yousefi]

Technically Flutter web doesn't support hot reloading: github.com/flutter/flutter/issues/53041 that's why you're facing this problem.

[Dmitry Z]

But browser reload the App, when I Just hover browser window. Is it normal behavior?

[abdul]

@DmitryZ, As per the FAQ of Flutter web hot reload is not supported yet.

[Dmitry Z]

Thank you! Will wait for this feature )