Moving C3 editor or C3 game between retina display and normal display causes text rendering to break

[skymen]

Checks

• I have read and understand the bug report guidelines
• I checked for existing similar reports to avoid submitting a duplicate
• I verified the issue occurs in the latest beta release to avoid submitting an issue that has already been resolved

Problem description

Moving the C3 editor or a preview or a C3 game between 2 monitors, one with retina and one with normal pixels breaks the text rendering

Upload a project

retina text bug.c3p.zip

Steps to reproduce

1. Preview
2. Drag window to the other monitor

Observed result

Text rendering scale changes and sometimes the text position

Expected result

Text should render the same

Affected platforms

macOS

Affected browsers

Chrome

Last unaffected release (including beta releases)

No response

First affected release (including beta releases)

No response

Additional remarks

No response

Platform information

Details

Platform information Product: Construct 3 r495.2 (stable) Browser: Chrome 150.0.7871.189 Browser engine: Chromium Context: browser Operating system: macOS 15.7.7 Device type: desktop Device pixel ratio: 2 Logical CPU cores: 14 Approx. device memory: 32 GB User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/150.0.0.0 Safari/537.36 Language setting: en-US

Local storage
Storage quota (approx): 11 GB
Storage usage (approx): 1.4 GB (12.3%)
Persistent storage: Yes

Browser support notes
This list contains missing features that are not required, but could improve performance or user experience if supported.

Nothing is missing. Everything is OK!
WebGL information
Version string: WebGL 2.0 (OpenGL ES 3.0 Chromium)
Numeric version: 2
Supports NPOT textures: yes
Supports GPU profiling: no
Vendor: Google Inc. (Apple)
Renderer: ANGLE (Apple, ANGLE Metal Renderer: Apple M4 Pro, Unspecified Version)
Major performance caveat: no
Maximum texture size: 16384
Point size range: 1 to 511
Extensions:

EXT_clip_control
EXT_color_buffer_float
EXT_color_buffer_half_float
EXT_conservative_depth
EXT_depth_clamp
EXT_disjoint_timer_query_webgl2
EXT_float_blend
EXT_polygon_offset_clamp
EXT_render_snorm
EXT_texture_compression_bptc
EXT_texture_compression_rgtc
EXT_texture_filter_anisotropic
EXT_texture_mirror_clamp_to_edge
EXT_texture_norm16
KHR_parallel_shader_compile
NV_shader_noperspective_interpolation
OES_draw_buffers_indexed
OES_sample_variables
OES_shader_multisample_interpolation
OES_texture_float_linear
WEBGL_blend_func_extended
WEBGL_clip_cull_distance
WEBGL_compressed_texture_astc
WEBGL_compressed_texture_etc
WEBGL_compressed_texture_etc1
WEBGL_compressed_texture_pvrtc
WEBGL_compressed_texture_s3tc
WEBGL_compressed_texture_s3tc_srgb
WEBGL_debug_renderer_info
WEBGL_debug_shaders
WEBGL_lose_context
WEBGL_multi_draw
WEBGL_polygon_mode
WEBGL_provoking_vertex
WEBGL_render_shared_exponent
WEBGL_stencil_texturing
Audio information
System sample rate: 48000 Hz
Output channels: 2
Output interpretation: speakers
Supported decode formats:

WebM Opus (audio/webm;codecs=opus)
WebM Vorbis (audio/webm;codecs=vorbis)
MPEG-4 Opus (audio/mp4;codecs=opus)
MPEG-4 AAC (audio/mp4;codecs=mp4a.40.2)
MP3 (audio/mpeg)
FLAC (audio/flac)
PCM WAV (audio/wav;codecs=1)
Supported encode formats:

WebM Opus (audio/webm;codecs=opus)
MPEG-4 Opus (audio/mp4;codecs=opus)
MPEG-4 AAC (audio/mp4;codecs=mp4a.40.2)
Video information
Supported decode formats:

WebM AV1 (video/webm;codecs=av01.0.00M.08)
WebM VP9 (video/webm;codecs=vp9)
WebM VP8 (video/webm;codecs=vp8)
MPEG-4 AV1 (video/mp4;codecs=av01.0.00M.08)
MPEG-4 H.265 (video/mp4;codecs=hev1.1.2.L93.B0)
MPEG-4 H.264 (video/mp4;codecs=avc1.420034)
Supported encode formats:

WebM AV1 (video/webm;codecs=av01.0.00M.08)
WebM VP9 (video/webm;codecs=vp9)
WebM VP8 (video/webm;codecs=vp8)
WebM H.264 (video/webm;codecs=avc1.420034)
MPEG-4 AV1 (video/mp4;codecs=av01.0.00M.08)
MPEG-4 VP9 (video/mp4;codecs=vp9)
MPEG-4 H.265 (video/mp4;codecs=hev1.1.2.L93.B0)
MPEG-4 H.264 (video/mp4;codecs=avc1.420034)

[AshleyScirra]

I can't seem to reproduce this, at least on my Windows system - I have a dual monitor setup and normally use 175% scale. If I set one display to 350% scale (double), then as I drag a preview window between them, it seems to correctly update (images shown below; I added a sprite to make it clearer the relative text size and position). So it looks like the runtime is handling this OK? If you do it with the editor it shows a "looks like you changed zoom level" message, which is currently by design - changing the display resolution has a similar effect to changing the browser zoom level, and the editor uses fixed size icons for a fixed display scale, so it's telling you you might want to reload the editor to improve the display quality.

[skymen]

Upon further testing it happens super reliably on preview but less so in the editor, i captured a few videos showing it happening.
It might be a MacOS only issue as I've only ever had this issue since switching to a Mac.

Here is a video showing it:
https://youtu.be/UiG8DYtixIA