Skip to content

fix: increase z-index of skills dropdown to appear above skill tags#775

Open
Farihashifa15 wants to merge 4 commits into
komalharshita:mainfrom
Farihashifa15:fix/skills-dropdown-zindex
Open

fix: increase z-index of skills dropdown to appear above skill tags#775
Farihashifa15 wants to merge 4 commits into
komalharshita:mainfrom
Farihashifa15:fix/skills-dropdown-zindex

Conversation

@Farihashifa15
Copy link
Copy Markdown

Summary

This PR fixes the z-index stacking issue where the skills dropdown suggestions were rendering behind the skill tag badges below the input box. Added position: absolute and z-index: 50 to the .skills-suggestions class in static/style.css.

Related Issue

Closes #773

Type of Change

  • Style — CSS or visual changes only, no logic change

What Was Changed

File Change made
static/style.css Added position: absolute and z-index: 50 to .skills-suggestions class to fix dropdown stacking order

How to Test This PR

  1. Clone this branch: git checkout fix/skills-dropdown-zindex
  2. Install dependencies: pip install -r requirements.txt
  3. Run the app: python app.py
  4. Open http://127.0.0.1:5000
  5. Type "Py" in the Skills input field
  6. Verify dropdown suggestions appear above skill tags

Test Results

27 passed, 0 failed out of 27 tests

Screenshots

Before: Dropdown hidden behind skill tags (see issue #773 for screenshot)
After: Dropdown now appears above skill tags with z-index: 50

Self-Review Checklist

  • I have read CONTRIBUTING.md and followed all guidelines
  • My branch name follows the convention: fix/skills-dropdown-zindex
  • I have not introduced any print() or console.log() debug statements
  • I have not modified files outside the scope of the linked issue
  • If I changed the UI, I tested it at 375px (mobile) and 1280px (desktop)

Notes for Reviewer

CSS-only fix. Added z-index: 50 and position: absolute to .skills-suggestions to ensure the dropdown renders above the skill tag badges.

@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 6, 2026

@Farihashifa15 is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.

@Farihashifa15
Copy link
Copy Markdown
Author

Hi @komalharshita, I've submitted a fix for this issue:
#775

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: "Your Skills" dropdown menu is hidden behind skill tags (z-index issue)

1 participant