Annoying Canvas Outline

[MauJovi]

Not sure about the forum section, but here it is.

After upgrading to Babylon 2.5, there was a small thing pissing me off:

It was weird cause i already had reseted user-select options.

Some way Babylon is forcing an outline at the canvas, which i resolved adding the last line:

#renderCanvas {
    width   : 100%;
    height  : 100%;
    touch-action: none;
    outline: none;
}

Just in case anyone get traped in this.

Sorry if not relevant. lmao

[NasimiAsl]

 #renderCanvas, #renderCanvas:focus, #renderCanvas:active {
            outline: 0 !important;
        }

 

[GameMonetize]

If we are doing it, it is by error  I've checked the code and I was not able to find where we are changing it

[MauJovi]

1 hour ago, Deltakosh said:

If we are doing it, it is by error  I've checked the code and I was not able to find where we are changing it

I've tested on Chrome and Edge. It only appears on Chrome to me...

Weird, but reseting outline works.

[davrous]

This is not based on any change we've done to babylon.js, it's something that arrives with browsers' updates. The only solution is to add the CSS property you're using.

[Kesshi]

This is indeed a chrome issue but its not new. Since long time chrome is showing this outline for focused elements.