Issue Summary

View settings dropdown fails to reflow when viewed at 320*256 viewport.

Steps to Reproduce

1. Open the Jira Cloud home page.
2. From the side navigation, select any space.
3. Open the browser developer tools (Inspector).
4. Activate the “Toggle device toolbar” button to switch to responsive mode.
5. In the device toolbar, from the device dropdown, select any mobile device or choose “Responsive”.
6. Set the viewport size to 320 × 256.
7. In the space navigation, select the “Timeline” tab.
8. Locate View settings in the Timeline toolbar and activate it to open the dropdown menu.
9. Observe that, at a 320 × 256 viewport, the dropdown menu is not fully visible.

Screenshot: Default view

Screenshot: 320 * 256 viewport 

Actual Results

When the page is viewed at a 320 × 256 viewport, the web content fails to reflow correctly. The View settings dropdown does not display all of its options; only the first option is visible, and the remaining options are cut off and cannot be accessed.

This makes it difficult for users with low vision, who rely on small viewports, to access the content and available actions.

Expected Results

All the content on the page should be available when the page is viewed at 320 * 256 viewport.

Ensure that all the page content is visible when viewed at 320 * 256 viewport. Use relative units to define font and container sizes in CSS to ensure that page's content reflows correctly when viewed at 320 * 256 viewport. In addition, use CSS media queries to display web page content correctly when viewed using different devices, such as mobile phones, tablets and so on.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available.

Environment

MacBook Pro (16 inch, 2021)
macOs 26.3 (25D125)
Windows - 11 pro
Chrome - Version 145.0.7632.76 (Official Build) (arm64)
Safari - Version 26.2 (21623.1.14.11.9)
JAWS - Version 2025
NVDA - Version 2024.4.2.35031
Voiceover - Version Latest