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 5 years, 9 months ago by
psamathe.
Update to Safari 14 makes no difference i.e. same problem in Safari 14
Because of the very different behaviour between e.g. Firefox (works) and Safari (does not work properly) I think this is a bug rather than a feature request.
-
This reply was modified 5 years, 8 months ago by
psamathe.