Automattic / Automattic/gravatar

[Bug] When the user has verified more than ⪆ 17 profiles, all added afterward render outside of the viewport.

Open Beginner friendly
#274 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
361
Forks
125
PR merge metrics
No merged PRs in 30d

Description

# Bug Report

## Description / Observed Behavior

When the user has verified more than ⪆ 17 profiles, all added afterward render outside of the visible viewport:

Image

## Expected Behavior

They should wrap, or scroll.

## Your Environment

- #### Component / Service Name

`.g-profile__verified-accounts`

- #### Platform

`gravatar.com`

- #### OS

1.

~~~sh
#!/usr/bin/env sh
cat /etc/os-release | jc --ini | jq 'with_entries(.value |= (if type=="string" and test("^[0-9]+$") then tonumber else . end))| {NAME, VARIANT, VERSION_ID}' | yq -P
~~~

1.

~~~YAML
NAME: Fedora Linux
VARIANT: KDE Plasma Desktop Edition
VERSION_ID: 44
~~~

- #### Browser

1.

~~~sh
#!/usr/bin/env sh
rpm -qf "$(command -v firefox-nightly)" \
--queryformat "$(
cat <<'EOF'
Name: %{NAME}
Version: %{VERSION}
Release: %{RELEASE}
Architecture: %{ARCH}
Install Date: %{INSTALLTIME:date}
Size: %{SIZE}
Signature: %{SIGPGP:pgpsig}
Source RPM: %{SOURCERPM}
Build Date: %{BUILDTIME:date}
Build Host: %{BUILDHOST}
Packager: %{PACKAGER}
Vendor: %{VENDOR}
EOF
)"$'\n' | yq -P
~~~

1.

~~~YAML
Name: firefox-nightly
Version: 153.0a1
Release: 20260528214208
Architecture: x86_64
Install Date: Fri 29 May 2026 19:06:54 BST
Size: 388532818
Signature: (none)
Source RPM: firefox-nightly-153.0a1-20260528214208.src.rpm
Build Date: Fri 29 May 2026 00:51:50 BST
Build Host: 7d1f3b104889
Packager: (none)
Vendor: Mozilla
~~~

Contributor guide

Open the contributing guide

Research direction

Search the frontend for the `.g-profile__verified-accounts` component or class, then reproduce the layout with more than 17 verified profiles on gravatar.com. Check the rendered layout at that threshold and confirm the profiles wrap or become scrollable without extending outside the visible viewport.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
66/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.