lineWidth of grid game object not working on WebGL mode

[AlvaroNeuronup]

Version 3.86.0

• Browser: Tested on edge, chrome.

Description

Grid object lineWidth only works on Phaser.Canvas.
Expected behaviour: Both modes must show the same result.

Example Test Code

class MainScene extends Phaser.Scene {

    constructor() {
        super({ key: "MainScene" });
    }

    create() {
       const grid = this.add.grid(200, 200, 200, 200, 40, 40, 0xff00ff, 0.2, 0xff0000);
       grid.lineWidth = 10; // Only works on CANVAS
    }
}

const game = new Phaser.Game({
    type: Phaser.WEBGL, // Phaser.CANVAS
    width: 800,
    height: 800,
    backgroundColor: '#ffffff',
    scale: {
        mode: Phaser.Scale.FIT,
        autoCenter: Phaser.Scale.CENTER_BOTH
    },
    scene: [ MainScene ]
})

[zekeatchan]

Hi @AlvaroNeuronup. Thanks for submitting this issue. We have fixed this and pushed it to the master branch. It will be part of the next release. Do test it out and let us know if you encounter any issues. Keep in mind the way lineWidth renders in Canvas and WebGL mode is slightly different so the results will differ.