Automattic / Automattic/WP-Job-Manager

Button overlap in Job Dashboard

Open
#2,829 0 comments 0 reactions 0 assignees View on GitHub
Bug
Dominant language
PHP
Stars
899
Forks
369
Avg merge
11h 37m
Merged PRs (30d)
12

Description

**Describe the bug**
In some cases the button in the actions column will overlap another column

**To Reproduce**
1. Go to the Job Dashboard
2. Make the screen width about 930px
3. You can try adding Applications and applying to the job as well
4. You can see the overlap

I think the problem is that the button is going outside of the parent flex container:
![3XVmMmczeGtfEhHabD6XvsqB4mWutZhNCma8N4Uz.jpg](https://github.com/Automattic/WP-Job-Manager/assets/3220162/d171d458-e028-4205-af61-9a92ceaad262)

**Screenshots**
![qrjH6e3aEEDeR0ABMZ7YIqvaajeFiN494voYm3bE.jpg](https://github.com/Automattic/WP-Job-Manager/assets/3220162/05ebd476-30b3-4f4c-9aaf-b8b9ebaf8993)

Contributor guide

Open the contributing guide

Research direction

Start at the Job Dashboard and reproduce the actions-column overlap at about 930px wide, both with and without Applications enabled. Inspect the dashboard layout entry points and the parent flex container implicated in the report. Done means the action button no longer overlaps adjacent columns in these cases.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, php
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.