Skip to content

🐛 Bug - Sidebar Width Issue on Safari #4284

@GriffenEdge

Description

@GriffenEdge

Requested by: @GriffenEdge via YakShaver.ai 🦬
cc: @GriffenEdge, @designbyalex, @brookjeynes-ssw, @adamcogan, @babakamyljanovssw

Hi Team!

  🟥  Watch the video (1 min 30 sec)

  Url from screen share: https://www.ssw.com.au/ssw/Company/Offices/Sydney

Pain

The sidebar on the SSW Sydney office page is constrained to an inappropriate width on Safari, affecting content display. This issue does not occur on other browsers like Chrome.

Acceptance Criteria

  1. The sidebar on the SSW Sydney office page should display correctly on Safari, matching the width and layout seen on Chrome.
  2. Ensure the sidebar content is fully visible and not constrained.
  3. Verify that the left column content adheres to WCAG guidelines, with a maximum of 80 characters per line.

Reproduce Steps

  1. Open Safari browser.
  2. Navigate to the SSW Sydney office page on the SSW Website (Dev - Next.js).
  3. Observe the sidebar width and compare it to the same page on Chrome.
  4. Check the left column content for line length compliance with WCAG guidelines.

Screenshot

Screenshot
Figure: Safari sidebar width issue on SSW Sydney office page

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    🤷‍♂️ Needs Triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions