Calendar will not render on iPad 2nd Generation - fullcalendar

FullCalendar works great on Chrome on my PC but it does not render on an iPad 2nd generation. Is there maybe some polyfil code needed?

Linking to a polyfill script fixed this issue for me! Found the solution here
Edit: This was the actual line that fixed it...
<script src="https://polyfill.io/v3/polyfill.min.js?features=Intl.~locale.en"></script>

Related

CSS Grid Browser Compatibility

I just completed successfully transforming my site to CSS Grid. It works fine in Chrome and Firefox but scrambles things a bit in Edge and IE. In Safari for Windows it is also not right, but I believe that is an old version of Safari. I don't have an Apple to try an up-to-date version. Chrome and Firefox seems to have the lions share of usage statistics, so I am probably OK, but I thought I would see if anyone
has other opinions before I publish the site. Thanks for any suggestions.
you can loook at the can I use it page.
For browser which not support CSS Grid u can try a Modernizr Script. Try to look in the docs here

Google Chrome v63+ print to pdf css not working

Does anyone know why print to pdf does not apply all the css properly in newer versions of google chrome? This started happening from v64. Try to do print-preview for sample page. For time-being I have fixed this issue by adding separate css for #print.
I was just wondering if someone knows the reason why google has decided to do this? or is it a bug?

ExtJS in rtl have problems in chrome

I've made a site with openlayers and Ext 4.2 and when changed it to rtl the map is broken only in chrome.
The wierd thing is that when I put the EXACT same code in fiddle , the map loads fine.
here is a link to my site (problem in chrome only)
http://77.235.53.170/LehavimExt/
And here is example to the JSFiddle which DOES work in chrome (maybe because of fiddle CSS?)
http://jsfiddle.net/uvY3r/
This is the problem I'm having:
Solution is to add the following style to the openlayers container
"width":"100%","position":"relative"

my entire CSS dies in ie7 mode

It's bizarre.
This site works perfectly in all browsers but IE7. In ie7 NOTHING works. Most of the css just doesn't even render. IE8? Fine. Ie9 Perfect. Firefox and Chrome, of course.
Want to hear something weirder? this is a template site i have worked with before. Other sites built on essentially the same template DO work in ie7.
This is why i think whatever it is is simple.
I don't want to paste the code here - it's massive. But i'll give you a link to the site and to the css
site: http://canadianrecovery.ca
css http://canadianrecovery.ca/css/screen.css
Thing is, i have document standard set to ie9 It works fine in ie7 mode with doc standards set to ie9
But i have noticed that most IE browsers don't display default doc standards... this is obviously some sort of issue with IE itself. But it's frustrating.. most end users have no clue how to fix this.
Thanks in advance.
ella
I think I may have found the reason. In your body-style (line 13), you have the following:
font-family: "Times New Roman;
See that unclosed quote? Seems like Chrome, FF, IE9 etc can fix that error, whereas earlier versions of IE read the rest of the CSS as your font-family declaration.
Try Modernizr, it makes a lot of things possible in older/less compatible browsers without a lot of trouble. Try the development version to see if it can help you and compose your own production version targeting your specific needs to minimize the size (and speed) of the javascript library.
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
Thanks everyone. I actually found a solution. Look for a js script called ie7.js and include it with conditional comments.. it solves a LOT of ie7 issues

Double text on Cufón using IE8

We've been having this very weird Cufón issue in IE which cause we haven't been able to adress. I think it's something to do with text that's hidden and cuffóned.
The problem is that both the cuffoned and normal text are shown (and I noticed that the tag that is normally used by Cufón is replaced by <:cufon>). Anyway, this happens in native IE8 (not the "IE8 mode" of IE9).
A jsfiddle is worth more than a thousand words: http://jsfiddle.net/Osoascam/vqnh3/1/
To test, click on the red circle so that the text moves left 4 times (for some weird reason this only works on FF and IE, but it reproduces the IE8 error, so I can live with that).
Any help would be very appreciated. Here's a screenshot:
Check your js plugins, disable them one by one and see which one is causing the problem.
The same thing happened for me while using cufon 0.9 & modernizr 2.5.3, which includes html5shiv script, and this one breaks cufon.
Solved my problem replacing production version of html5shiv inside modernizr script with a release candidate(RC1) version of html5shiv from github.
Good luck!

Resources