monicahq/monica

stay in touch button is hidden by browser bottom bar in mobile safari

Open

#4,730 创建于 2020年12月21日

在 GitHub 查看
 (1 评论) (1 反应) (0 负责人)PHP (24,641 star) (2,464 fork)batch import
help wanted

描述

Discovered with paid subscription on the hosted version on my iphone and safari

i see the button when this modal opens but when i try to click the button on the bottom safari's bottom toolbar opens up which obscures the button. because it's a modal, i can't scroll down to view the button. i've tried to rotate the phone to horizontal mode but then the button is unclickable. with this bug i am unable to click on this button on my phone.

image

贡献者指南

技术栈
csshtmljavascript
领域
frontend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 hours
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
Basic CSSMobile responsive designBrowser dev tools
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
70
研究方向
Investigate the modal component's CSS for mobile Safari. The issue is that the button is obscured by the browser's bottom toolbar. Check the modal's positioning and consider using viewport height units or safe area inset bottom to ensure the button is above the toolbar. Test on actual iOS Safari device or simulator to verify the fix.