TextWrapped changing line wrap position with UIScale

Issue Type: Display
Impact: Moderate
Frequency: Often
Date First Experienced:
Date Last Experienced:

Reproduction Steps:
To reproduce:

  • Create a new place
  • Insert this rbxm file into StarterGui: TextLabel Wrapping Bug Report.rbxm (3.0 KB) (this is the ScreenGui, TextLabel, and UIScale from the video below)
  • Run this code in the command bar:
game:GetService("TweenService"):Create(game.StarterGui.ScreenGui.TextLabel.UIScale, TweenInfo.new(5, Enum.EasingStyle.Linear), {Scale = 0.75}):Play()

Expected Behavior:
Text GuiObject text wrapping position should be the same for all UIScale.Scale values. The advantage of using UIScale for animations is that it allows values that use offset (Position, Size, TextSize, etc.) to have scale applied to them while still looking the same. TextWrapped ignores this by placing the line wrap position differently, which can make animations look bad.

Actual Behavior:
When UIScale.Scale is set to a value other than 1, any text GuiObjects that are affected by the UIScale can have their text wrapping position change. This can lead to text moving rapidly during UI animations that use UIScale.

I have had to disable the scaling animation on my game’s tutorial page because of this bug. The text jumping around is jarring in a case like this:

Workaround:

2 Likes

Hi @Fire540Games - thank you for the detailed bug report. We’re aware of issues surrounding UIScale causing unintended re-layouts to occur (such as this). The good news is, we have a solution in development for addressing scaling of a variety of UI elements (including text) that we plan to announce soon.

Not an exact workaround, but I would suggest only applying the UIScale to non-text elements of the dialog for now. If you add a larger border around the text, the scaling effect will be more noticeable, and the text itself can still have the alpha tween applied to give the appearance of the text fading in/out with the rest of the dialog.

I realize this isn’t exactly what you wanted to achieve, but it may be similar enough for you while still avoiding the text-wrapping issue.

3 Likes

Thank you so much! I have frustrated with the way UI scaling works, especially with text, so I’ll be looking forward to this.

Thank you for the suggestion. I’ll try this out.

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.