I need to cancel the ios version of chrome's pull-to-refresh for my website.
Currently chrome 69.0.3497.105 doesn't support the css overscroll-behavior
I've tried to implement these existing solutions and could not get them to work:
http://w3bits.com/prevent-chrome-pull-to-refresh-css/
Disable Chrome's pull-to-refresh on iPhone
https://www.npmjs.com/package/prevent-pull-refresh
It still does a pull to refresh on an iPhone. I need confirmation, can anyone get the solutions posted above to work with the newer chrome versions now? Is there a pollyfill that can be used for overscroll-behavior with chrome ios or what alternative can be used to cancel the pull-to-refresh behavior?
I found that the project I was working on had used a cdn to default events to be passive.
<script type="text/javascript" src="https://unpkg.com/default-passive-events"></script>
After realizing this and commenting out the cdn snippet for testing, I found that the solution of:
Disable Chrome's pull-to-refresh on iPhone
does indeed work.
Related
I have some problems with my website. My site is coded in HTML,CSS and JS.
Everywhere works perfect, Desktop (all browsers), Android (All browsers), in iPhone(iOS.11) doesn't work!!!
I think there may be two problems:
1. When i open the site, i have Loading Page script, and in iPhone it stops there and doesnt open the site.
2. The problem may also be with the new iOS 11, because with earlier iOS(10) was working very well.
Any suggestion, or any site which i can check my errors (debugg) or..?
google didn't solve my problem so i decided to ask, but still can't find the problem!!!
Thanks.
If you have an OSX available you can enable remote debug and see what's happening, most likely something is breaking based on something not being available.
I have an issue with Firefox. In both responsive mode and Firefox Mobile to be accurate.
The touch scrolling isn't working on my website. (But the scroll with the mouse is working on Responsive mode)
It works fine on Chrome mobile & Safari mobile.
I checked online and I already tried the dom.w3c_touch_events.enabled set to 1. It was actually set to 1 by default.
I think it's an issue on the JS/CSS side but I can't see where.
I use SASS and Pleeease to compile it and it's a React app compiled with webpack.
Also I use the method fetch to call my webservices if it can have any influence but I doubt it. (and have a polyfill for it)
I tried to nuke totally my CSS and it still didn't work.
Happy to share URL if people want to see the actual problem. I just don't want to be seen as a spam. Also I will share a test server and not the live one. (problem is the same anyway)
Found the (stupid) solution and posting it as it might be helpful to someone.
I had a overflow:hidden; added by mistake in html, body { into my SASS.
For some reason the responsive mode in Firefox is still not working (bug? cache? I don't know...). But once I tried again on my Firefox mobile it was gone.
Looks like Chrome and Safari are ignoring this CSS but not Firefox.
For the record I am on last versions on all my browsers.
I am using Aurora 14.0a2 as my default browser (its the early release of firefox)
I have went into my about:config and have changed the value of services.sync.prefs.sync.dom.disable_window_move_resize; to false
Yet when I run my website the resizeTo(); function still doesn't work
here is my code:
jsfiddle_link
function onload(){
window.resizeTo(600,800);
}
I also tried it in other browsers:
Chrome (no surprise it didn't work since chrome never supports it)
opera
IE 8
Safari
None of which worked
I also tried making a link from a different website linking my website then clicking on it but it did not do the trick
any ideas?
I think the resize functionality of javascript would only work when you open it on popup windows and not when your openning it on a main browser window try checking on this link http://www.javascripter.net/faq/windowresizeto.htm it has the sample that I think would help you.
I have the below site:
http://kelseydelo.com/
When I click the main nav links in Safari the content slides properly. However in Chrome and Firefox nothing happens when I click these (no errors in Firebug either).
I believe it used to work in FF so it seems a recent upgrade has broken it.
Anyone know what the problem could be?
you use mootools 1.2.3 which is old. in 1.2.3, mootools utlised feature detection for browser detection - and in particular, it was a problem with firefox as it relied on the following code:
if (!document.getBoxObjectFor ...)
but that method got made obsolete by mozilla. subsequently, in 1.2.5 and 1.3 mootools detection was done so it does not rely on this any more (breaking change was FF 3.6.nn or something)
on your site in FF 4.0 you can run
console.log(Browser.Engine)
and it comes back as 'unknown' - which will make any browser-specific hooks and fixes fail.
In Chrome 13 Canary, it detected webkit fine but does not work either so there must be something else -- legacy here... in other words, UPGRADE to 1.3.2 (which uses ua-sniffing) - if noobslide supports it, else go 1.2.5.1
Im using jCrop http://deepliquid.com/content/Jcrop.html and there is a weird problem
it wont work while im in ie8
if I was on ie8 and select document mode ei7 from developers tools it works fine
what can I do ?
Are you using the latest version? Seems there is an IE8 fix:
http://deepliquid.com/blog/archives/142
Edit: Strangeness ahoy! It only works after i turn on compat. mode, then turn it off o_O. My IE8 window was open from an earlier test and I didn't notice.
can you test with the latest and greatest version on github? It has major MSIE updates. I am currently working on a blog post announcing this release.
The issue is dealt with here, which is a bit of a hack to hide the radio button