On a responsive mobile site, where "pinch-to-zoom" is disabled, the Issue Collector popup is completely unusable.
The site we're developing has the following configuration:
When you click the Issue collector tab/button, the popup appears centered in the viewport, but the width and height are fixed at sizes way too large for the window.
Make the pop-up form's height and width, and layout respond to the browser frame (i.e. adaptive/responsive web design).
Introduce media queries at various standard breakpoints to offer alternative layouts for smaller screens.
I've been able to achieve what I need using the following snippet of CSS:
UPDATE: The pop-up is still too wide, the email field is still partially hidden and the text-area doesnt wrap below its field label, but since these elements are placed within an i-frame I have no control over their theming from my application.
As a side note, this issue appears to affect All popups produced by Jira, and this simple code tweak could be released for a quick win on mobile devices.