![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png){kind=logo}
Opened 6 weeks ago
Closed 6 weeks ago
#8265 closed defect (bug) (fixed)
Profiles: Job fields overflow causing an unintended vertical/horizontal scrollbar on mobile viewports
| Reported by: | baikare.sandeep007 | Owned by: | annezazu |
|---|---|---|---|
| Priority: | normal | Milestone: | |
| Component: | Profiles | Keywords: | needs-patch |
| Cc: |
Description
Description
On the WordPress.org user profile pages, the fields within the "Jobs" or professional experience section do not scale properly down to mobile screen sizes.
Because these elements extend past the boundary of their parent container element, they break the responsive wrapper. This introduces a broken vertical layout alignment and an unexpected layout scrollbar on narrow viewports.
Steps to Reproduce
- Navigate to any WordPress.org profile page that has the Job/Company fields populated.
- Reduce the browser window width or switch to a mobile device viewport (e.g., under 480px width).
- Observe that the job field contents spill outside the profile layout wrapper, forcing an unwanted layout overflow.
Proposed Fix
The styling for the jobs section container inside the profile theme/plugin needs adjustment. Adding responsive CSS rules such as max-width: 100%;, box-sizing: border-box;, or adapting the display flex/grid layout to collapse into a single column on mobile screens should contain the elements and fix the overflow issue.
Attachments (2)
Change History (5)
Note:
See TracTickets
for help on using tickets.
Jobs month and Year field is going outside of the parent div