TextChatService Customization API Issue: Background Color Reverts to White During Fade-out Animation

Bug Reports Roblox Application and Website Bugs
,
1

I’ve encountered an inconsistency with the TextChatService Customization API (Using the new “BubbleChatMessageProperties” with “OnBubbleAdded”). When using custom bubble chat colors, specifically a black background with white text, the background color unexpectedly changes to white during the bubble’s disappearing animation.

Steps to Reproduce:

  1. Implement TextChatService Customization API
  2. Configure bubble chat appearance with:
  • Background color: Black
  • Text color: White
  1. Send any chat message
  2. Observe the bubble chat as it begins to fade out

Expected Behavior:

  • The bubble should maintain its black background throughout the entire fade-out animation

Actual Behavior:

  • The bubble starts with the correct black background
  • During the fade-out animation, the background suddenly changes to white
  • This creates an unintended visual transition

Technical Details:

  • Using TextChatService Customization API (BubbleChatMessageProperties with OnBubbleAdded connection)
  • Implementing custom bubble chat colors

Please let me know if any additional information is needed to investigate this issue.

5 Likes
2

I’ve actually experienced this before, so thanks for reporting. This also happens when your camera is far away, a workaround is to set both bubble chat settings in the service and the bubble function, as it uses settings in the service for animations (which is wrong)

3

Thanks for the report! We’ll follow up when we have an update for you’

4

Hello! Is this still occurring? If so which experiences are you seeing this? I’ve attempted to reproduce in Studio just now and I’m seeing proper fadeout at the moment.

Edit: Ah I read the post more carefully and see its only an issue if OnBubbleAdded is used, then it will fade with the BubbleChatConfiguration value instead:

script.Parent.OnBubbleAdded = function()
	local override = Instance.new("BubbleChatMessageProperties")
	override.BackgroundColor3 = Color3.fromRGB(0, 0, 0)
	override.TextColor3 = Color3.fromRGB(255, 255, 255)
	return override	
end

Thanks for the report. We can dig into this.

1 Like