To clarify and based on example, using macOS Safari (latest release versions), map box in web page, from html has width=670, height=600 (html being “<canvas width=”1340″ height=”600″ style=”position: absolute; left: 0px; transform-origin: left top; transform: matrix(0.5, 0, 0, 0.5, 0, 0);”></canvas>”. Press the fullscreen button and the “map” html changes to width=1340, height=600, html being “<canvas width=”1340″ height=”600″ style=”position: absolute; left: 0px; transform-origin: left top; transform: matrix(0.5, 0, 0, 0.5, 0, 0);”></canvas>”
HOWEVER, in Firefox it works and you get a proper fullscreen. In the page map box the html “<canvas style=”position: absolute; left: 0px; transform-origin: left top 0px; transform: matrix(0.5, 0, 0, 0.5, 0, 0);” width=”1340″ height=”600″></canvas>”. But in fullscreen mode the html=”<canvas style=”position: absolute; left: 0px; transform-origin: left top 0px; transform: matrix(0.5, 0, 0, 0.5, 0, 0);” width=”3352″ height=”1224″></canvas>” – the height is somewhat different.
So (and I don’t appreciate how or where this fullscreen is being done) it looks like it’s not recognising or handling the Safari browser properly. Maybe a bug in the if(browser==”safari”){ code (I know that’s not PHP nor js!).
NOTE, as it looks macOS Safari based I’m happy to undertake and tests (incl. changes to js/php/css) – but need to be told what to do as I can make minor php/css changes OK but I’m not a web developer (so no js and limited on other aspects – I’m C/C++ dev)
-
This reply was modified 4 years, 2 months ago by psamathe.