I am facing the following issue only on Chrome Version 75 (75.0.3770.67)(latest version) for Android on yourprint.in.
When I open the product page directly - [login to view URL] , any element I add on canvas is getting dragged appropriately. Similarly, sliders to change size/transparency etc are working fine.
However, when I open the website homepage, select a category page, then go to the product page, the following issues occur:
1. Dragging any item on canvas causes the whole page to scroll.
2. Sliders for size/transparency etc stop working.
On further inspection, it looks like touch-action:none property is not working in chrome v75. I have also created 2 videos showing the same- [login to view URL]
1. In the video titled yourprint, you will see that visiting the product page using the path Homepage>Apple>iPhone 4>Select Product, the scroll is working even on the white canvas area whereas it shouldn't because the canvas css is defined as touch-action none. When I put the touch-action none property in the body element, scrolling should be disabled on the entire page but as you can see in the video, I am still able to scroll.
2. In the 2nd video, you will see that I have opened the product page directly (without opening any other page like homepage/category). Now, the touch-scroll is disabled on canvas area which is how it should be and when I put the touch-action none css in the body, the page doesn't scroll, which is how it should be.
On chromium bugs website, I can see some other users are facing the same issue with v75 on android. However, on my test install ([login to view URL]), the issue is not replicating, despite having the same fpd/woocommerce/wordpress versions and same plugins installed.
1. I need to know why is the issue being faced on [login to view URL] and not on [login to view URL]
2. I need to know which property (css/js/event) is not working which is causing the issue.
3. If this is an issue in chrome, I need a workaround till the chromium team resolves this.
Greetings,
My name is Jasham and I am an expert in websites and mobile app development. I have extensive knowledge in React Native, React JS and WordPress. I think of myself as a Fullstack React developer (Node, React, Mongo and Express) also I am Java developer having experience in developing applications using java, Spring MVC, springboot, hibernate, mongodb, mysql, rest webservice.
I can show you screenshots of app/code in chat. I am open to working long term as long as you want and can commit upto 8hrs/day if required. we can proceed by discussing the projects requirement for each app and the the app timelines as well.
I am open to an interview if required.
Looking forward to hearing from you.
Best regards,
Jasham