TL;DR

Apply the suggested CSS fix to limit the approval modal's height and add overflow scrolling to prevent it from exceeding the browser viewport.

Guidance

• Verify that the issue occurs consistently across different browsers (Chrome, Firefox, Safari) to ensure it's not browser-specific.
• Test the suggested CSS fix (max-height: 80vh; overflow-y: auto;) to see if it resolves the issue without introducing any new problems.
• As a temporary workaround, use the suggested keyboard shortcut (Tab + Enter) or browser zoom out (Ctrl + -) to access the approval button.
• Consider testing the /approve <id> allow-once command as an alternative approval method.

Example

.approval-modal {
  max-height: 80vh;
  overflow-y: auto;
}

This CSS snippet is a direct suggestion from the issue and can be applied to the .approval-modal class to potentially fix the issue.

Notes

The provided CSS fix assumes that the approval modal's class is indeed .approval-modal. If the class name differs, the fix will need to be adjusted accordingly.

Recommendation

Apply the suggested CSS fix, as it directly addresses the reported issue and provides a straightforward solution to prevent the approval modal from exceeding the browser viewport.