Enhance workflow efficiency with contextual drawer view for quick work item access
### Release notes You'll now be able to access and manage your work items more efficiently with our new [contextual drawer view](https://docs.gitlab.com/ee/user/project/issues/managing_issues.html#open-issues-in-a-drawer), accessible from listing pages, boards, detail pages, and roadmaps. This feature allows you to quickly view and edit work item details without navigating away from your current page, significantly reducing context-switching and boosting your productivity throughout your workflow. ![Screenshot_2024-09-18_at_3.20.28_p.m.](/uploads/2fb689770ca7d547eba2afaa91182151/Screenshot_2024-09-18_at_3.20.28_p.m..png) ## Summary We will introduce a contextual drawer view for work items, accessible from listing pages, boards, detail pages, and roadmaps, to reduce context-switching and improve workflow efficiency. This will enable users to quickly access and manage work items without navigating away from their current view, boosting productivity. _This feature, supports our strategic goal of enhancing the user experience by streamlining workflows and reducing friction in accessing work item details._ - **Detailed Description:** This epic introduces a drawer view for work items, offering an alternative to navigating through multiple tabs. Users can access the drawer from various GitLab interfaces, including boards, lists, detail pages, and roadmaps, ensuring a cohesive experience. The drawer will offer quick, inline access to work item details, allowing editing, commenting, and viewing related information without switching pages. - **Scope:** The drawer view will be implemented across all work item types and interfaces. The rollout will occur incrementally, starting with detail pates, then boards and lists, and finally the roadmap view. - **User Experience** - **Behavior:** Clicking on a work item from a detail page (hierarchy widget, linked items widget or development widget), list, board, or roadmap will trigger a drawer to slide in from the right, displaying the item’s details. The drawer will remain open, allowing users to continue interacting with other parts of the page without losing the context of their current workflow. - **Usability:** The drawer will be responsive, resizing based on screen width, with a sticky sidebar for attributes. Users can navigate back via browser history or close the drawer using the escape key. Focus will be contained within the drawer for accessibility. ### User Stories 1. **As a user, I want to open a work item from a list or board, so that I can quickly view and edit details without leaving the page.** - **Acceptance Criteria:** The drawer opens when clicking a work item, displays full details, and closes upon clicking outside the drawer or pressing "Esc." 2. **As a user, I want the drawer to remember which item is open so that I can navigate forward and backward through browser history without losing my place.** - **Acceptance Criteria:** The URL updates when the drawer opens, and browser navigation can control drawer state. ### Dependencies - Migration of Epics and Issues to the work item framework is required for full functionality across all areas. See more [here](https://gitlab.com/gitlab-org/gitlab/-/issues/409886#rollout-of-drawer). ### Research Evidence - https://gitlab.com/gitlab-org/plan-stage/product-planning/customer-interviews/-/issues/4#arrow_right-findings-and-recommendation ### Designs - https://gitlab.com/gitlab-org/gitlab/-/issues/409886
epic