Misalignment of "topPadding" in TextChatService UI when ChannelTabsConfiguration is enabled

Bug Reports Engine Bugs
,
#1

Sometimes when you enable TextChatService.ChannelTabsConfiguration, the LayoutOrder of the “topPadding” frame is not properly defined, resulting in a chat window that looks like this:

image

The misalignment of the “topPadding” frame creates extra padding above the channel tabs that is noticeably out of place with the tabs’ rounded corners, and the tabs themselves are pushed down too low.

The “topPadding” frame can be found under CoreGui.ExperienceChat.appLayout:

image

Setting topPadding.LayoutOrder to 1 instead of 0 fixes the issue. However, CoreGui elements cannot be edited by developers.

image

Repro

There are two ways to reproduce this issue:

Method 1

  1. Enable TextChatService.ChannelTabsConfiguration in Studio.
  2. When the user joins the game, manually add them to a new TextChannel after their chat window has loaded.

Method 2

  1. Add the user to a new TextChannel as soon as they join the game. This can be done without any code by using a Team, which automatically sets up a Team channel.
  2. After their chat window has loaded, enable TextChatService.ChannelTabsConfiguration via a LocalScript.

This place uses method 2:
Channel Tabs TopPadding bug repro.rbxl (56.4 KB)

Expected behavior

The “topPadding” frame shouldn’t have a misaligned LayoutOrder when ChannelTabsConfiguration is enabled.

3 Likes