Skip to content

[Bug]: Skill selection buttons are non-functional #631

@yashaswinimullalli

Description

@yashaswinimullalli

What happened?

Description

The pre-suggested skill badges (e.g., Python, JavaScript, HTML, etc.) displayed under the "Your Skills" section do not respond to user clicks. Clicking a skill button neither populates the input field nor registers the skill as selected.

Actual Behavior

The badges look interactive, but clicking them triggers no action, changes no UI state, and provides no visual feedback.

Possible Causes to Investigate

  • Missing or unlinked onClick / event listeners on the dynamically rendered skill elements.
  • The buttons might be missing type="button", causing them to conflict with form submission defaults if wrapped in a <form> tag.
  • Potential layout overlap where a transparent container or wrapper margin is sitting over the buttons, blocking click events.

Steps to reproduce

Steps to Reproduce

  1. Navigate to the profile setup/skills onboarding page.
  2. Locate the Your Skills section.
  3. Click on any of the suggested skill badges (e.g., Click the "Python" or "React" badge).
  4. Observe the behavior.

Expected behaviour

Expected Behavior

Clicking on a skill badge should automatically select it, add it to the user's active skills list, or populate it into the "Type a skill and press Enter..." input field.

Area of the app affected

Homepage form

Python version

3.11.4

Operating system

Windows 11

Relevant error output or logs

Before submitting

  • I searched existing issues and this has not been reported before.
  • I can reproduce this bug consistently with the steps above.
  • I am running the latest version of the main branch.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions