IE9 and modernizr 2.6.1, dropdownlist does not open - javascript

Dropdownlist on my MVC4 application using modernizr 2.6.1 running on IE9 shows unexpected behavior. It works fine on FF and Chrome. It also works when modernizr 2.6.1 is unreferenced.
The problem is that when a page loads up some of dropdownlists open up by clicking on them, they also accept keyboard inputs but some of them don't accept inputs(mouse and keyboard) at all. But after few random clicks, some of them start working when they get and loss focus few times.
How do i troubleshoot this problem?
Edit
It is confirmed that something is wrong with modernizr, i removed all the scripts except modernizr and the problem is there and the problem is gone when just modernizr is removed.

I have a simalar problem with IE, Modernizr och jQuery UI Slider element. Works in Firefox, but not in IE. If I remove Modernizr, it works in IE as well.

Modernizr does not work with IE, simple !!!

Related

I can't get some jQuery to work in Safari

So I have problem in jquery for safari browser. Some of my jquery is perfectly working for GC, FF, IE and Opera but then when I tried to test it in Safari my jquery is not working anymore.
My questions is:
Is there any code that I will just paste or add in my website that will enable all my jquery in safari? Currently I'm re-program my jquery because of safari. Any suggestion beside in codes. Already tried to enable the javascript and jquery in safari browser but still not working.
Make sure you have turned on javascript on the safari. I can't see any other reason for it to not work , it is just a javascript file.

Website with javascript doesn't work in IE9 but in IE9's compatibility mode - how to force compatibility view?

I know that there already is a question like this: Force IE9 into browser compatibility view
But since adding:
<meta http-equiv="X-UA-Compatible" content="IE=9">
to the the head section and reloading the page with ctrl+F5 didn't help there must be another way.
On my website is also a bxslider and according to this: bxslider not working in IE9 I replaced the elements (which had empty href attribute) with tags - still not effect. The images of the slider are displayed in full size one below the other. After activating compatibility mode the site works perfect.
I don't wanna rebuild my application from the scratch so what could I do to force the compatibility-view? Or is there at least a good free debugging tool for that? I downloaded the firefox addon IE Tab which has a debugbar but to use it you have to buy a premium version. I just don't know what is causing the error...
I found what was causing the error: Why does JavaScript only work after opening developer tools in IE once?
So frustrating and so simple. It was caused by the console.logs in the script. Without them it works like a charm.
If you use this code at the start of your JS (I use it in all my projects) https://gist.githubusercontent.com/elijahmanor/7884984/raw/console-monkey-patch.js it will override the console.log function so you avoid errors in IE but still get logging in modern browsers like chrome.

error in Chrome when displaying inline-block li elements

I'm pretty new to web-coding and in my attempt to create jQuery based menu bars complete with dropdowns I have stumbled upon some vast differences between broswers. Below you can see that while FF and Safari are the same, IE is actually behaving and Opera is ok-ish, Chrome gets it totally wrong. As far as I can tell I have all the latest versions.
I removed the code from here and pasted it in: (doesn't want to let me link properly) so: jsfiddle.net/2hCR2/
Just in case, support for older versions of IE (6-7) is not required.
Right now I'm mostly concerned with the positioning aspect. Any assistance is much appreciated!
****EDIT:** After continuing to play with the chrome developer tools I realized that when I manually set the 1st list (pants/t-shirt) to display:block it displays as expected (exactly like FF and Safari in the image) so it appears that this is more of a javascript/jQuery issue not updating the DOM correctly(?). I also noticed that when I put the code is JSFiddle and ran the script in Chrome it produced the same error, but when I ran JSFiddle in FF (exact same fiddle link) it renders correctly.
It does not happen in Chrome Canary (version 24) but it does in stable (version 22). Apparently it is a bug which has been fixed.
You can either wait a month or two so that all Chrome users get the fix, or just use .show() instead of .show(0).

I have a very Unique issue with IE 7/8/9 and JavaScript Jquery

I have a very Unique problem with IE 7/8/9 and JavaScript. My problem is I am using a script called plupload - I am kinda married to the script currently and can't ditch it for something new and or better.
What my problem is, is when I add files to the script via the file dialog in IE and hit cancel instead of selecting a file. The button (well link that forms a button) seems to lose its functionality. This is only in IE, this has been tested across Mac, Linux 10.04 and 11.10, Windows XP, Vista, and Windows 7 (across about 17 different machines). On Chrome, Safari, Firefox and IE. This bug only occurs in IE on any windows platform. Does anyone know what might be causing the issue, anyone else ever use plupload that has experianced this?
To me it seems that the dialog takes focus off the browser, then doesn't give the the browser back focus properly unless you actually select a file. Seems at that point almost all javascript stops working but its really just the javascript that controls this button, which is pluploads own script.

Javascript for flash menu not loading in IE9 but fine in all other browsers

I have a flash menu on a site. The menu works fine in all browsers EXCEPT IE9. It looks like this javascript file is not loading:
<script type="text/javascript" src="scripts/ActiveContentDropDownWide.js"></script>
In IE9 it just displays BUTTON1, BUTTON2 etc but in all other browsers it displays the complete menu. This is what happens when the ActiveContentDropDownWide.js script is removed which is why it seems to be a problem with that script and IE9. But I could be wrong?
Any ideas would be greatly appreciated.
Try doing a Fiddler capture with IE9 and FF. Then, compare the 2 captures using Fiddler's Diff feature.
It is seems to me that the menu is hiding behind the content
maybe it is z-index problem if the flash menu inside a div ,give it high z-index number or google for ie9 z-index problem.
The javascript file that powers some of the menu needed to be updated with a new version that supports IE9. Once I updated it, the menu worked fine in IE9. Thanks.

Categories