I want to apply an outline to elements, when focused by pressing tab. I am facing the issue, that when i run my app with electron, that the outline is not circular shape as expected, but it is a box.

I investigated which css rules are applied in each scenario, but didnt find any difference.

Anyone faced that issue before?

Electron:

Chrome:

CodePudding user response：

This was added in Chromium 94.

Electron is running on an older version of Chrome that didn't support rounded outlines (-> aka outlines follow border-radius) yet. Try utilizing a box-shadow without blur instead.