Links and Tags are Breaking the Mobile Layout

Hello there,

A while ago, as I was looking through topics to see if there is anything new to share my reply, I noticed that if I move the screen to the right side, the layout breaks as it shouldn’t do.

The problems that cause this are the number of tags that have large words such as “scripting-support” and long URL links within forum groups such as the Developer Relations (DevRelationsTeam).

Reproduction Steps

Method - A

  1. Open the Roblox Developer Forum using the DiscourseHub on mobile.
  2. Search for a topic that contains more than 3 tags with large names.
  3. Move the screen to the right side using your finger.

Method - B

  1. Open the Roblox Developer Forum using the DiscourseHub on mobile.
  2. Open any forum group with a URL link that does not follow the CSS styling code.
  3. Move the screen to the right side using your finger.

Expected Behavior

I expected that these features of the forum should respect their CSS code.

Actual Behavior

In the actual behavior, they are not following the styling code, leading to breaking the layout.

Method - A

Method - B

Workaround

There are no workarounds.

Issue Area: Developer Forum
Page URL: https://devforum.roblox.com
Impact: Moderate
Frequency: Consistent
Date First Experienced: 2023-12-14 23:00:00 (UTC-3)
Date Last Experienced: Currently Date

2 Likes

This issue seems related to a bug report that I filed two months ago.

1 Like

This bug hasn’t been fixed whatsoever and I was able to catch it again one minute ago before posting this reply: