When making an element that contains a canvas fullscreen, the canvas seems to be stretched to fit the screen instead of proportionally filling the screen.
OS: macOS 10.12.6 (16G29)
WebKit version: 12604.1.38.1.6, r221956
Steps to reproduce:
1. Go here: https://www.mapbox.com/mapbox-gl-js/example/fullscreen/
2. Click on the fullscreen control in the upper right corner of the map.
The map is stretched horizontally.
The map maintains its aspect ratio.
This is a regression. Safari 10 and earlier did not have this bug.
I can't reproduce this on High Sierra with a build of r221956. The fullscreen map is not stretched.
I can confirm it works correctly on High Sierra. Any chance it will be fixed on Sierra?
Another data point: on my 27" Retina iMac, at any resolution lower than the native resolution (2560 x 1440), the stretching does not occur. At resolutions >= the native resolution, the stretching gets progressively worse.
Turns out it has to do with the aspect ratio of the display.
See the comment at 5pm on September 14 at https://bugreport.apple.com/web/?problemID=34410953 for more info.