"Dialog" position in a celular phone

[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

[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.

[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.

[Pablo]

Did you republish all files?

[manuelm]

It was "onscroll" and now it is "onscrollreveal". Now it is OK on cell phone, thank you for your help.