Page not scrollable on latest mobile Android - javascript

If i use https://trelki.de/ on my S10+ device using latest chrome i am unable to scroll.
I tried chrome dev tools, works. it works in every browser except of the current chrome. someone is causing this, because my scrolling works on other pages.
firefox works, opera works, edge works, chrome desktop (arch linux) works, also.
watch https://trelki.de/
i just want people to scroll that page and find the reason for this.
this page is completely self-written, so i have control about absolutely everything.
Thanks in advance

Related

Chrome on iOS not rendering button properly?

I have a front-end component for a project that's exhibiting the following bug:
There's a button at the bottom of the screen of one of my Panes and ONLY on chrome on iOS does the button not show. If I tap the address bar, then the button appears presumably because the pane has redrawn itself.
The other problem is that I can't recreate the bug. It only appears on a client's web app. Things that could be super helpful:
what's a good way to inspect Chrome on iOS? (I know how to inspect Safari on iOS, Chrome on Android, but not Chrome on iOS. I've also already tried the devtools mobile emulator and it does not reproduce there)
any related posts for bugs on Chrome on iOS (I've done some search already but if anyone has something deep in the internet that they remember)
any knowledge of how Chrome renders things differently than Safari for iPhones
any ideas on intermediate solutions
any ideas on potential causes

how to make mouse scroll compatible to all browsers?

I'm working on a webpage which scrolls good in chrome but in firefox it doesn't work good.
Below is the link of that webpage
https://chayenu.org/app2/
In this web page when you scroll down to "Explore The App
" section and there if you scroll up it works fine in chrome and scrolls up but not in firefox.
It works well in FireFox. May be you are using older version. Try to update browser.

Webpage breaks on mobile devices (aw, snap!)

I have a problem with the https://konfiguratorszkolen.pl/ webpage - it works fine on desktop, but breaks on mobile devices.
On mobile, it loads at first and everything looks fine, but after a 1-2sec it shows "aw, snap" error. I've checked it only with Chrome and Safari on iPhone, but I believe it's a general problem.
I've already checked the website on
https://search.google.com/test/mobile-friendly
and
https://developers.google.com/speed/pagespeed/insights/
and the result are alright (mobile performance would be better).
What might be the problem? How can I debug this issue on mobile (of course works fine on a desktop browser)?
Here is the repository (it's only a code look-in): https://github.com/KamilSobieraj/Konfigurator_szkolen
What you're looking for is called remote debugging and is available for firefox, chrome and there's even solutions to debug iOS safari from your computer (no Mac needed).

Resposive deployed website display works in chrome dev tools and Firefox but not in chrome on actual mobile devices?

I recently deployed a website after testing for responsiveness in chrome developer tools that displays correctly in chrome developer tools and on mobile in Firefox but not chrome.
Here's what it looks like in the developer tools.
Here's what it looks like on chrome on a mobile device.
You can see that the background image is gone and the header image is off to the left.
I thought it might be because of an older version of chrome so I managed to get a look at it on a newer version of chrome.
So on this newer one the picture is no longer to the left but the background is still missing.
So it works when I'm viewing the website on a desktop and reduce the size to mobile and on Firefox but breaks in chrome on mobile.
I've tried different versions of chrome, uninstalling and reinstalling chrome, using both the chrome and firefox developer tools and I've also tried finding similar questions already answered on Stack Overflow and the most similar says to make sure to have
<meta name="viewport" content="width=device-width, initial-scale=1"/>
which I have and I even saw a post saying to add maximum-scale=1 which I tried.
Since it works fine in the developer tools I've been flying blind trying things and redeploying.
I run into the same problem, today is 2020-03-09...
It seems the #media query does not work in chrome in my iPhone SE, but safari is OK.
Also the app 'Google' is working too, you can search it from app store, it has a big 'G' with 4 colors, red/yellow/green/blue, as its symbol.
You mentioned that you're using an Android device. Try remote debugging. This lets you inspect the page as it was truly rendered on your mobile device, from a DevTools window on your desktop.
For iOS see Inspecting Safari. Unfortunately I couldn't find an official doc.

What is causing my images to not load initially in safari. All other browsers seem to work fine

I am currently using the 3d cardflip method on my website and it is working perfectly in Firefox, IE, as well as the IE downgrades I have for older browsers. My issue is arising from the fact that it seems that all Apple iOS devices and Safari will not load the images and information on the cards on the initial load of the page but only when a hard reload or a simple reload of the page is performed. I have tried everything I can think of to fix the issue and I have not been able to find any information regarding the issue either. Any help would be gladly appreciated! The page that is not working is http://www.paytonandsam.com/about_sam.html
Please test this website on Safari Version 5.1.5, 6.0.2,6.0.3 i.e. a higher version of Safari browser. Because now safari browser is faster and flexible than the older version.

Categories