Skip to content

Fix clipped focus rings in the work item sidebar

Coung Ngo requested to merge cngo-fix-work-item-sidebar-hidden-overflow into master

What does this MR do and why?

The clipped focus rings in the work item sidebar are caused by scroll overflow. We add padding to fix this

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before After
Screen_Recording_2024-02-07_at_3.37.53_pm Screen_Recording_2024-02-07_at_3.38.14_pm

How to set up and validate locally

  1. In rails console enable FF 
    Feature.enable(:work_items_mvc_2)
  2. Visit any issue
  3. Create a task from the Child Items widget
  4. Open the task
  5. Tab through the links on the right sidebar and confirm you can see the whole focus ring
Edited by Coung Ngo

Merge request reports