When adding a video popup on a Button the video opens, but the website snaps back all the way back to the top of the page, and then when closing the video it snaps back again. On mobile it even stays all the way to the top.
When adding a video popup on an Icon there is no problem at all and it works as it should.
How can I fix this bug?
By the way, it doesn’t matter whether I leave the button url empty or add a #. I created the example below to show you what I mean. First scroll down a bit before you click on the button, so you can experience the website scrolling to the top when clicking the button.
Hi,
I have checked your website on mobile viewport and your reported behavior is not happening, as you can see here -> https://www.screencast.com/t/nVwVyNJpLsA If is not what you mean, provide more details so I will be able to provide a more accurate response.
Hope this helps!
Thank you!
Thanks for your response Catalin. In the demo you clicked on the Icon and that was my reference for it actually working as the video pop up should.
It’s the Button that has the bug on all devices. On mobile it is most problematic because the browser scrolls all the way up leaving the popped up video below, out of view. On desktops you at least get to see the pop up video, you just see the website snapping all the way back to the top in the background.
The problem is not just limited to one browser as well. I tested it on Safari, Chrome and Firefox. Lastly, to be thorough I also tested it on a fresh install on a subdomain and it has the same bug.
Hopefully you can help me out 🙂
Hi,
I see the issue, it is happening for me as well with a button, the icon elements seems to work alright as you mention. We will try to fix it in time for the next theme update. Sorry for the inconvenience. Shouldn’t be long before the update will be released.
Thanks
Thanks a bunch 🙂
The bug mentioned in this topic about the button video pop-up bug on mobile (the browser scrolling all the way up, and having to scroll down to see the video) unfortunately still exists and it has been 3 updates later already without a fix (as far as I can see). I have lots of pages planned for release on October 1st, and all those pages are structured in such a way that the video pop-up button plays an important role.
I hope to hear from you!
Hi,
From what I know the button issue was solved in a previous update, so it shouldn’t happen anymore.
The video should now be in view when clicking the button to play it, looks fine on my end.
Please post a link where this is still happening on your website, I will take a look. Let me know.
Thanks
On my end the bug is still there. I run version 9.8. I just made the test page below so you can see the bug for yourself.
https://www.youngclassicals.com/testbutton
So when you click on the button on a desktop the page scrolls back to the top (though the video player is displayed correctly), and as soon as you close the video the page skips back to where you were on the page.
And on mobile it also scrolls back to the top, but the video player isn’t in view any more so you have to scroll down all the way to where the button is located to see the video overlay.
So basically the same as it was on March 15.
Hope to hear from you 🙂 Thanks!
Hello !
We are sorry for the inconvenience !
Please try this CSS: .mfp-wrap {
top:0!important;
left: 0;
right: 0;
}
This must be inserted here: https://www.screencast.com/t/8hbMJEbyroli
Thank you !
Hi Vlad,
The custom code doesn’t work. Do you expect the bug to be solved with the next update? I can wait for the new update it will be fixed by then.
Hello !
This issue has been brought up to our developers but unfortunately I cannot say for sure when it will be implemented into the theme.
Please contact us via email at contact@tagdiv.com and provide admin login and we will take a look to see because on our end this fix worked. Include a link to this topic.
Thank you !
I’m very disappointed to see the new version 10 still has not solved the ‘Video popup’ bug in a button where it still scrolls all the way up to the top of the website when the video pops up. I reported this bug back in March.
Other than that, it’s good to see this major update to the theme 🙂
Could you give me any estimate on why this bug will finally be solved? A working custom css for now would be fine too of course.
Hello !
In the 10.1 version this issue is fixed as you can see here: https://forum.tagdiv.com/requirements-for-newspaper/
Please make sure you are using the 10.1 and if the issue still persists please contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– cPanel url and credentials
– A link to this topic in order to identify you
Our team will take a look !
Thank you !
