WebGL different behavior on Mac Monitor

[doron-matific]

Hi,

we have this method:
setMargins: function (name, left, top, right, bottom) {
var container = $('#unity-container');
var width = container.width();
var height = container.height();

    var lp = left / width * 100;
    var tp = top / height * 100;
    var wp = (width - left - right) / width * 100;
    var hp = (height - top - bottom) / height * 100;

    this.iframe(name)
        .css('left', lp + '%')
        .css('top', tp + '%')
        .css('width', wp + '%')
        .css('height', hp + '%');
}

Not sure if it's our own implementation or this is something you provided.
Anyway - I am trying to open the webview on part of the screen. This is basically the first time we do this, most of the time we open it full screen.
I have an issue where everything works correctly in the connected monitor, but on the Mac's built in screen, it seems that the height is set to 0% (and top is set to 80% for example). This also reproduces for another developer, so it's not just my machine.

Can you try and help me? Do you have an idea why would it behave differently on different monitors (I'm assuming resolution)?

[KojiNakamaru]

I built the sample app with 2022.3.62f1 and it runs correctly on Chrome 139.0.7258.155/Safari 18.6 on macOS 15.6.1. Attached sample.zip contains the project and sample-webgl.zip contains the WebGL build.

• sample.zip
• sample-webgl.zip

[doron-matific]

Hey, thanks for the help.
The problem was with our Retina monitors. It seems that in those devicePixelRatio = 2, so all the sizes were computed doubled...
I changed the method to consider devicePixelRatio, and now it's working.