Nipplejs joystick not showing up on playcanvas or threejs

[GamerWael]

I have tried to implement a simple nipplejs joystick on playcanvas(engine only version) as well as threejs but the joystick isn't showing up even in static mode. I'm sure I'm instantiating it properly as I have tried it on anothe div on the same page and it works, but it doesn't work on the canvas.

 

<canvas id="application"></canvas>

<script>

//Game code

var options = {
    zone:document.getElementById("application"),
    color: "white",
    size: 100,
    threshold: 0.1,
    fadeTime: 0,
    multitouch: false,
    maxNumberOfNipples: 1,
    dataOnly: false,
    position: {bottom: "100px", left: "100px"},
    mode: "static",
    restJoystick: true,
    restOpacity: 0.5,
    lockX: false,
    lockY: false,
    catchDistance: 200,
    dynamicPage: true,
};
    var manager = nipplejs.create(options);