Page 1 of 1

"Dialog" position in a celular phone

Posted: Sun Feb 16, 2025 10:41 am
by manuelm
I have a problem with the "Dialog" window.

When you scroll down the web page, when you reach the blue area, a small yellow window with a form should appear.

If I open the web on a computer, it works perfectly.
The same on an iPad tablet in portrait mode.

Now, on a VERTICAL iPad tablet it does not open at all (in landscape mode there is no problem), and what worries me most is that on a cell phone (iPhone 16) it opens but shifted to the right, not in the center.

Is there a way to solve this without using breakpoints?

Should I use something else instead of "Dialog"?

The web in question is at https://wfh.com.ar/maculopatia

Re: "Dialog" position in a celular phone

Posted: Sun Feb 16, 2025 12:41 pm
by Pablo
I believe this issue is related to how the scroll event is implemented.

Currently, the event is triggered when the LayoutGrid1 is fully visible. However, due to its size, it may never completely fit within the viewport on smaller screens, preventing the event from being triggered.

I suggest attaching the event to a smaller element to ensure it becomes fully visible, even on smaller screens.

Re: "Dialog" position in a celular phone

Posted: Mon Feb 17, 2025 5:45 pm
by manuelm
I tried now making the event only to the title "Dieta y degeneración macular relacionada con la edad". On the computer it works, but on the cell phone the "Dialog1" window does not appear.

Re: "Dialog" position in a celular phone

Posted: Mon Feb 17, 2025 5:54 pm
by Pablo
Did you republish all files?

Re: "Dialog" position in a celular phone

Posted: Tue Feb 18, 2025 12:31 pm
by manuelm
It was "onscroll" and now it is "onscrollreveal". Now it is OK on cell phone, thank you for your help.