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
- Navigate to the profile setup/skills onboarding page.
- Locate the Your Skills section.
- Click on any of the suggested skill badges (e.g., Click the "Python" or "React" badge).
- 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
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
onClick/ event listeners on the dynamically rendered skill elements.type="button", causing them to conflict with form submission defaults if wrapped in a<form>tag.Steps to reproduce
Steps to Reproduce
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