Add Reminder Modal Issue on Small Screens

[mikedotmundy]

Please go through all the tasks below

• Check this box only after you have successfully completed both the above tasks

Please provide a brief description of the problem. Please do not forget to attach the relevant screenshots from your side.

Adding a reminder while on a Mobile Device (small screen size) causes an undesirable experience when the Reminder Modal pops up. Once you click Add Reminder, the Menu collapses, hiding the Reminder Modal inside the Menu until you click to expand the menu again.

See video for better explanation:
https://github.com/SparkDevNetwork/Rock/assets/23226974/787df628-eb2d-484a-9e20-ef49bf62d89e

Expected Behavior

The modal should appear immediately after clicking Add Reminder.

Actual Behavior

The modal does not appear after clicking Add Reminder. Instead, you have to expand the menu again before you can see the Reminder modal.

Steps to Reproduce

• Use a mobile device or shrink your browser down to small size.
• Go to Ted Decker's profile.
• Expand the Menu.
• Click the Reminders Icon.
• Click Add Reminder
• See there is no reminder modal. Click the menu again and see the modal now appears.

Rock Version

v15.1

Client Culture Setting

en-US