Chrome 80: Pause script execution (F8) does not work when DevTools is not focused

Question

since Chrome 80 I cannot pause the script execution when the focus is on the website I'm developing. This is extremely inconvenient e.g. when debugging hover effects.

Does anyone else experience this issue or has more information about it? Maybe a feature flag deep inside the browser settings?

Update

This was fixed in Chrome 83.

Answer 1

Until it is fixed, you can use the following in your app:

document.addEventListener('keydown', function (e) {
    if (e.keyCode == 119) { // F8
        debugger;
    }
}, {
    capture: true
});

Answer 2

It's a bug in Chrome, I found the bugreport here:

https://bugs.chromium.org/p/chromium/issues/detail?id=1049910&q=f8&can=2