Issue Summary

On the "Create issue" modal dialog the content is not available on browser's zoom functionality at 200 percent.

Note- This issue is also observed on "Filter board": https://jira.atlassian.com/browse/JRASERVER-78080

Steps to Reproduce

1. Navigate to the “Create” link present in the header region and activate it.
2. Observe modal dialog gets added on the page.
3. Navigate to "Configure field" button and activate it.
4. Follow below steps for browser's zoom functionality →

• Go to Chrome settings

• Zoom

• Set zoom to 200%.

Actual Result

When low vision user magnifies the page with the help of browser's zoom functionality(at 200 % zoom), the checkbox text such as “Linked issue” gets cut off.

Expected Result

Ensure that all the page content is visible when zoomed in. Use relative units to define font and container sizes in CSS to ensure that page's content reflows correctly when zoomed in. Flexible layouts should be used to display the page content. Dimensions for container elements used to display the page content should be defined using relative units, such as "%", "em", "rem" etc. to ensure that the content fits on the page when zoomed in.

Screenshot 1

Workaround

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

Environment

MacBook Pro (13-inch, 2020)
macOs Ventura  13.3.1
Chrome - Version 108.0.5359.124 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.2 (18614.3.7.1.5)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest