Nested CanvasGroups are blurry when its absolute position is not a whole number

Bug Report:

A CanvasGroup will go blurry if absolute position has a decimal, even when the Graphics Quality is set to 10, and the Studio Graphics Level is set to 21:

This issue becomes worse as the decimal gets bigger, and the amount of CanvasGroups nested.

Reproduction Steps:

Create a new CanvasGroup, set its scale size/position to something that makes the AbsolutePosition have a decimal. Inside, make another CanvasGroup with its size being 1, 1. Place any element inside, and it will appear blurry.

This issue depends on screen sizes, so this reproduction file may or may not work:
absolutepositionbug.rbxl (62.4 KB)

A temporary solution is to make a custom scaling system, this is pretty easy to do with libraries like Fusion, but is also very tedious to add to existing elements.

Expected Results

The CanvasGroup should remain clear, even when its absolute position has a decimal. Or, the absolute position should not have a decimal at all, and instead round to the nearest whole number.

System Information:

  • Windows 10
  • CPU: AMD Ryzen 5 5600x 6-Core Processor
  • Memory: 32GB
  • GPU: NVIDIA GeForce RTX 3060
6 Likes

Considering CanvasGroup “GroupTransparency” property which is super useful in nested applications, this is a serious issue and is a road block in achieving transparency animations with grouped instances.

2 Likes