Home > database >  Electron renders CSS diffenrently than Chrome
Electron renders CSS diffenrently than Chrome

Time:01-05

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:

Electron

Chrome:

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.

  • Related