Search code examples
javascriptvue.jselectronquasar

Quasar framework QLayout weird yellow border on key press

I'm working on a quasar framework, electron.js project, and I found this weird bug when press a key then the application frame has a yellow border, and is impossible to override or make disappear, or select with devtools, since when you unfocus the window it will disappear.

If I comment QLayout component then it stop's happening so it has to be something with that component.

Im using linux mint, haven't tested this bug in other OS.

enter image description here

EDIT:

Minimal reproducible example:

  • Create a quasar project
  • Add electron.js mode
  • Run project
  • Click on app window
  • Press a key
Solution

  • To fix this, put in the element CSS

    outline: none;