Text alignment inconsistency on 'Community Stats' tabs in Mac Safari #228

Closed
opened 2025-09-22 13:54:11 -04:00 by swap12875d · 2 comments

Description:

On the 'Community Stats' page accessed via the 'Community' menu, the text under the tabs 'Member count', 'Total prizes', and 'Completed challenges' is left-aligned when viewed on Mac Safari browser. This is inconsistent with the display on Chrome, where the text is center-aligned as expected.

Current URL:

https://www.topcoder.com/community/statistics?tracks[All-pills]=1&tracks[Design]=0&tracks[General]=3

Steps to reproduce:

  1. Open the URL https://www.topcoder.com/community/statistics?tracks[All-pills]=1&tracks[Design]=0&tracks[General]=3 on a Mac device.
  2. Exapnd the 'Community' section in the menu.
  3. Click on the 'Community stats' submenu.
  4. Observe the alignment of text under the tabs 'Member count', 'Total prizes', and 'Completed challenges'.

Actual results:

The text under the mentioned tabs is left-aligned in Mac Safari browser.

Expected results:

The text should be center-aligned consistently across browsers, matching the display observed on Chrome.

Screenshots/Videos:

Monosnap Statistics | Topcoder 2025-09-22 23-20-59.jpg

OS and Browser version:

Mac OS 15.5, Safari 18.5

VersionDetails:

Device:

MAC book

Reproducibility:

5/5 (reproducible every time)

#### Description: On the 'Community Stats' page accessed via the 'Community' menu, the text under the tabs 'Member count', 'Total prizes', and 'Completed challenges' is left-aligned when viewed on Mac Safari browser. This is inconsistent with the display on Chrome, where the text is center-aligned as expected. #### Current URL: https://www.topcoder.com/community/statistics?tracks[All-pills]=1&tracks[Design]=0&tracks[General]=3 #### Steps to reproduce: 1. Open the URL https://www.topcoder.com/community/statistics?tracks[All-pills]=1&tracks[Design]=0&tracks[General]=3 on a Mac device. 2. Exapnd the 'Community' section in the menu. 3. Click on the 'Community stats' submenu. 4. Observe the alignment of text under the tabs 'Member count', 'Total prizes', and 'Completed challenges'. #### Actual results: The text under the mentioned tabs is left-aligned in Mac Safari browser. #### Expected results: The text should be center-aligned consistently across browsers, matching the display observed on Chrome. #### Screenshots/Videos: ![Monosnap Statistics | Topcoder 2025-09-22 23-20-59.jpg](/attachments/23fb92b1-3e83-42c4-98a1-f2799425431e) #### OS and Browser version: Mac OS 15.5, Safari 18.5 VersionDetails: <img src='/attachments/0a7aed65-15d6-43c1-9ba9-8e77abd96893' width='250' height='500'> #### Device: MAC book #### Reproducibility: 5/5 (reproducible every time)
swap12875d added the UISafariMacOS labels 2025-09-22 13:54:11 -04:00
Collaborator

not reproducible

image.png
not reproducible <img width="1512" alt="image.png" src="attachments/7a62bfff-0730-4695-b7b7-6bc66bdeaaa4">
296 KiB
nithya160925 added the Invalid label 2025-09-24 23:51:30 -04:00
Author

@nithya160925 , I hope you are reproducing this issue on the same device and Safari versions;

it is still repro for me.
Kindly share your version to confirm the reproducibility.

@nithya160925 , I hope you are reproducing this issue on the same device and Safari versions; it is still repro for me. Kindly share your version to confirm the reproducibility. <video src="attachments/304008b0-5e58-4e37-aba1-4d11670a944b" title="repro Issue.mp4" controls></video>
Sign in to join this conversation.
No Label Invalid MacOS Safari UI
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Topcoder-Platform/public-website-qa-bug-hunt#228