HTML5 full screen not working on some displays

I have a project packaged for HTML5 and deployed on my website. But it has a problem I can’t resolve.

When I try to go to fullscreen mode on some displays like 1920x1080, 23 inch monitor (dual) the actual game canvas stays the default resolution and the rest of display is black. But when I pause the game and then fullscreen, everything works perfect. The same happens on a laptop 1366x768, 15.6 display.
Can anyone suggest something please?!

please take a look at the following comments in: