Country dropdown overlaps entire signup form and search input moves out of view #166

Open
opened 2025-09-22 05:52:49 -04:00 by swap12875d · 0 comments

Description:

The search input box moves to the top and becomes out of the visible area, making it difficult for users to interact with the form properly.

Current URL:

https://auth.topcoder.com/login?state=hKFo2...

Steps to reproduce:

  1. Navigate to the signup page at https://auth.topcoder.com/login?state=hKFo2.

  2. Locate the country dropdown in the signup form.

  3. Click the dropdown to expand the list of countries.

  4. Observe the behavior of the dropdown and the position of the search input box inside it.

Actual results:

  • The country dropdown expands and overlaps the entire signup form beneath it.

  • The search input box inside the dropdown frequently moves to the top, going outside the visible viewport area.

Expected results:

  • The country dropdown should expand without overlapping or obscuring the rest of the signup form unnecessarily.

  • The search input box inside the dropdown should remain fully visible within the dropdown area and viewport.

Screenshots/Videos:

image.png

OS and Browser version:

Windows 11, Chrome 140.0.7339.186

VersionDetails:

Windows_chrome_version_screenshot

Device:

Windows Laptop

Reproducibility:

5/5 (reproducible every time)

#### Description: The search input box moves to the top and becomes out of the visible area, making it difficult for users to interact with the form properly. #### Current URL: https://auth.topcoder.com/login?state=hKFo2... #### Steps to reproduce: 1. Navigate to the signup page at https://auth.topcoder.com/login?state=hKFo2. 2. Locate the country dropdown in the signup form. 3. Click the dropdown to expand the list of countries. 4. Observe the behavior of the dropdown and the position of the search input box inside it. #### Actual results: - The country dropdown expands and overlaps the entire signup form beneath it. - The search input box inside the dropdown frequently moves to the top, going outside the visible viewport area. #### Expected results: - The country dropdown should expand without overlapping or obscuring the rest of the signup form unnecessarily. - The search input box inside the dropdown should remain fully visible within the dropdown area and viewport. #### Screenshots/Videos: ![image.png](/attachments/9395381c-d483-4cad-93cf-e238e7b561de) #### OS and Browser version: Windows 11, Chrome 140.0.7339.186 VersionDetails: <img src='/attachments/1f354afb-af2d-44dc-8c03-73de2f71fa79' width='600' height='375' alt='Windows_chrome_version_screenshot'> #### Device: Windows Laptop #### Reproducibility: 5/5 (reproducible every time)
1.1 MiB
swap12875d added the UIChromeFirefoxWindows labels 2025-09-22 05:52:49 -04:00
nithya160925 added UXS: Lowvalid and removed UI labels 2025-09-24 12:37:03 -04:00
nithya160925 added the P: SignUp flow label 2025-09-25 04:37:47 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

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