monicahq/monica

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

Open

Aperta il 21 dic 2020

Vedi su GitHub
 (1 commento) (1 reazione) (0 assegnatari)PHP (24.641 star) (2464 fork)batch import
help wanted

Descrizione

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

Guida contributor

Tech stack
csshtmljavascript
Dominio
frontend
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 hours
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
stale
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
clear
Prerequisiti
Basic CSSMobile responsive designBrowser dev tools
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70
Direzione di ricerca
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.