WebKit component has upper left quarter stretched to fill the whole view with display scaling on M1 Macintosh
Broken:
- Epiphany version: 45.beta-3-g753bfa48 (nightly and manual build from latest source)
- WebKitGTK version: WebKitGTK 2.41.6
- Distributor: Gnome-Nightly Flatpak, source
Working:
- Epiphany version: 44.6
- WebKitGTK version: WebKitGTK 2.40.4
- Distributor: Flathub
System specs:
- OS: Fedora 38 Workstation
- Desktop: GNOME 44 (on Wayland)
- Device: Apple MacBook Air M1
- Kernel: Linux 6.4.4-402.asahi.fc38.aarch64
- Mesa info:
$ glxinfo | grep OpenGL
OpenGL vendor string: Mesa
OpenGL renderer string: Apple M1 (G13G B1)
OpenGL core profile version string: 3.1 Mesa 23.3.0-devel
OpenGL core profile shading language version string: 1.40
OpenGL core profile context flags: (none)
OpenGL core profile extensions:
OpenGL version string: 3.1 Mesa 23.3.0-devel
OpenGL shading language version string: 1.40
OpenGL context flags: (none)
OpenGL extensions:
OpenGL ES profile version string: OpenGL ES 3.0 Mesa 23.3.0-devel
OpenGL ES profile shading language version string: OpenGL ES GLSL ES 3.00
OpenGL ES profile extensions:
Description:
On my ARM64 MacBook Air laptop (Apple Silicon M1), the webpage renders ridiculously zoomed in. It's like it's taking the upper left quarter of the rendered page, and zooming it to fill the whole viewport. This only happens at display scaling above 100%, including integer and fractional scaling. At every scaling setting >100, the same behavior can be observed. At 100% scaling, it renders correctly.
Screenshots:
Pictured above: Top left quarter of WebKit element filling the whole viewport at fractional scale of 175%
Pictured above: Epiphany Devel at 200% display scaling
Pictured above: Epiphany Devel at 100% display scaling
Pictured above: Latest stable release not presenting this issue
Console output when running Epiphany Devel:
Application started at 12:45:44 PM
libEGL warning: egl: failed to create dri2 screen
libEGL warning: failed to get driver name for fd 0
libEGL warning: MESA-LOADER: failed to retrieve device information
libEGL warning: failed to get driver name for fd 0
libEGL warning: egl: failed to create dri2 screen
libEGL warning: egl: failed to create dri2 screen
Additional notes:
This may be a GTK4 scaling issue, a problem with the Asahi OpenGL 3.1 GPU drivers, or a WebKit issue, so I will also report in the WebKit issue tracker.