[Resolved] Scrolling on page by touching embedded youtube video, disable menu click

[onalti]

Yes, the problem occurs when the entire iframe touches it.

I added and solved the problem.
window.addEventListener(‘touchstart’, {}); // in top window

[Tom]

Just that one line fixed it? Super strange – thanks for letting me know 🙂

[onalti]

Yes, Just that one line fixed it. Thank you for your concern.

[Tom]

Glad you got it fixed 🙂

[onalti]

window.addEventListener(‘touchstart’, {});
yes youtube had solved the problem. But now iframe form on another page is not clicked.
I did not understand and could not solve the problem 🙁

[Tom]

Have you tried conditionally loading that JS only on the page you need? Elements are worth checking out: https://docs.generatepress.com/article/hooks-element-overview/

[onalti]

yes I thought about it, but I wanted to solve the problem radically. I think iframe on Youtube is a conflict with GeneratePress.

[onalti]

it is not clear on which pages to put youtube video, for this reason, I cannot use Elements.
Please find the solution for this problem, it is not just a problem specific to me.

[Tom]

It’s more likely a bug with fixed elements and YouTube – not GeneratePress specifically. I will do some tests tomorrow to see if I can come up with a solution.

[Tom]

Does adding this CSS make any difference?:

.navigation-stick {
    position: sticky !important;
}

[Author]

Posts