Search Issue Tracker

By Design



Found in


Issue ID




UI toolkit elements are slightly offset on WebGL builds when using pixel perfect sizes

UI Toolkit


Steps to reproduce:

1. Open attached project (
2. Switch target platform to WebGL
3. Notice the WebGL build resolution is set to 900x600 (Player Settings/Resolution and Presentation)
4. Notice the Game View is set to the same 900x600 resolution and Canvas is set to Match Game View in UI Builder
5. Build and Run on WebGL (Build Settings/Build and Run)

Expected behaviour: UI toolkit buttons should be in the center of the screen, same as Game View and UI Builder preview.
Actual behaviour: The UI toolkit buttons are slightly offset upwards and to the left (see screenshot).

Note: Doesn't happen on macOS builds either.

Reproduced with: 2022.1.0b4

  1. Resolution Note:

    To bypass dpi panel scaling, one must use the "Constant Pixel Size" in the PanelSetting assets. User project was configured with "Constant Physical Size" which will attempt to scale according to the desktop dpi

Add comment

Log in to post comment

All about bugs

View bugs we have successfully reproduced, and vote for the bugs you want to see fixed most urgently.