Left monitor is a 1280x1024 touchscreen (point an click) display connected to VGA output
Right monitor is a standard 1920x1080 computer monitor (also tried a LCD TV) connected to HDMI
To bound multiple monitors on macOS I have found you need to turn off “Displays have separate spaces” in Mission Control System Preferences
Generally, it is easy to put the larger monitor on the left because the Window is anchored to bottom left coordinate of the multiple monitor canvas. By starting with the larger monitor on the left you can make sure the smaller one on the right s fully covered. If not, the bottom-left of the smaller monitor will be up some pixels in Y on the larger monitor never allowing you to cover its bottom portion.
Sometimes in cases where monitors are different sizes, the children alignment options are difficult to work with, I recommend manually placing your sub-containers as I did in the attached example for you.
One last thing, be aware of Display Scaling. If they are the same it is much easier to configure and I usually align to the top of the monitor offsetting the smaller one in the right up in Y. But in my test case for you here, one of my displays was the build in Retina laptop monitor with display scaling 2.0, because of this it was more difficult to figure out the offset for the smaller monitor so it can be easier to align everything to the bottom of all the monitors and make sure your Arrangement in System Preferences > Displays also has them aligned to the bottom. They are all 0 and no offset to worry about now. The Monitors DAT is really your best friend for this stuff.
Thanks a lot for this detailed answer and all the good tips !
I think this will help a lot !
I’ll have a try of this “Displays have separate spaces” option as soon as i can and let you know.
By the way, do you know any similar option like “Displays have separate spaces” under windows ?
It seems i have a bug with my touchscreen behaving as a mouse but with offset in extended monitors mode : extreme left of the touchscreen is calibrated (mouse pointer is shown under the figer), but the extreme right of the touchscreen corresponds to the extreme right of the extended monitor setup for the mouse pointer (if that make sense). Any suggestions on how to fix that ?
Maybe “Display Scaling” is not the same on each monitor? I like to set them the same but tis not always possible, and you might get strange offsets on one or the other.
It just acts like the 2 monitors are “one big screen” and the touchscreen is the “mouse area” where the left border is 0 and the right is 100% of the “big picture” while i just need the mouse to be mapped on the touchscreen only
I ended up using a macmini where the “Displays have separate spaces” option deactivated fixed the “bounds of all monitors” issue i had, and the touchscreen works as expected.
Thanks a lot for your great suggestions and your time.