Tool tip seems broken for Html Editors in IE 9 browser. Is there a way to fix this?
Fiddle here: https://fiddle.sencha.com/#fiddle/4bv (Issue only on IE 9)
Thanks
Disable compatibility view, this will solve the problem. Add the following meta tag to your page html header:
<meta http-equiv="X-UA-Compatible" content="IE=9" />
It will force IE to render the page on IE 9 Mode despite the general browser options, here's the full detail on the options for compatibility view meta tags.
You can disable compatibility view manually also to test the differences between both rendering modes, such as follows (here's a KB entry on the subject)
Hope this solve your problem.
Related
I have written a frontend for Elasticsearch in AngularJS and it is working fine on Chrome and Firefox, but on some IE11 it is not working at all (some IE11 are working and some are not!)
Not working does mean:
Angular variables are not not interpreted at all and I get it as {{variable}}.
In gerneral my search engine does nothing (no controller call). It seems, that there is no AngularJS code executed at all and the site is a complete mess.
Any ideas?
update
I know, I had too less information but probably I am as confused with this issue as you.
Now I know, that IE11 always sets itself to "Document mode - 7" as shown in this question
How to set IE11 Document mode to edge as default?
There are probably two ways to solve this issue..
My html page can force IE11 to use lates "Document Mode", or
every single user hast to set "Document Mode" to the latest version (don't like that)
Solution
I added this
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
to my index.html to force IE11 to use its latest version, in this case edge
I am developing a webapp using angularjs. The webapp loads perfectly fine when the mobile device language is set to any except Chinese. I debugged a lot and found the issue that the web app is not loading because of the meta view port tag in the index.html. As soon as I remove the width and initial scale from meta viewport tag, the web app loads successfully in the mobile when the language is set to Chinese. navigator.language = "zh-CN" May I know the reason why this is creating problem when navigator.language is set to Chinese ? Is there any other alternate solution to make my webapp working?
Having the below meta tag in the index.html, doesn't render my app properly if language is set to Chinese
But if I remove the width and initial-scale, then the app renders properly if language is Chinese.
<meta name="viewport" content="maximum-scale=1.0, user-scalable=no, minimal-ui"/>.
I also tired a sample app, but the issue is observed there as well. Please see below my index.html where you can easily reproduce the issue in any Android phone. I tried in my S3 and also in a S4 device . Please help me on this issue. You can copy the below index.html and load it in your apache server to see the issue. The moment you remove the width and initial-scale from the DOM element, you can see the app loads perfectly.
Please help on this issue
Instead of setting initial-scale and/or user-scalable, try combining a minimum and maximum scale. For example:
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
You don't need to use minimal-ui. Apple dropped support for this in iOS8.
It's never a good idea to set maximum-scale nor to set user-scalable="no" because it stops people from being able to zoom, which they may need to do.
It would be interesting to see what happens when you remove these and simply use the viewport:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
I cannot see how the language would be causing this to happen, but it clearly is occurring, it sounds like a very interesting edge case.
Have you also tried other Chinese related lang settings such as "zh" or "zh-Hans"?
I also wonder if it's related to the font, and thus related to this question?
For context, I work in an environment where I still need to support IE8 (still the default distribution on computers); I am also using twitter bootstrap 3; Angular is latest version. I am returning data from APIs and using ng-repeat to build the results in the view. Anyone out there developing applications in IE8 land? All my stuff is working stellar in Chrome.
I have 2 problems.
One is that in IE8, loading of the ng-repeat-driven API results takes forever or never finishes. If I open developer tools in IE8 and debug, on the refresh it loads the ng-repeat results fine. This happens every time.
Here's the beginning of my :
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
I have no idea why that is happening. Should I be using a different tag? I am wondering if IE8 Developer Tools loads items in a different IE8 mode than I have in the head. I am not clear on how I check the status of the API response in IE8 to verify that it is not a problem with the API call going out, rather than a problem of angular rendering the response.
The other issue is the ng-bind-html is not returning any values from certain fields of my API response in IE8. Working fine in Chrome. Is this a true alternative to ng-bind-html, and one that will work in IE8?
Since Stack Overflow won't let me answer or upvote the answer I found...This provides the solution to the ng-bind-html. Wasn't clear how you could apply that via a filter until I saw the answer that was not selected.
As for the other issue, I am going to go the route of an API call that does not include a data body (the API I am using can have the data come multiple ways). Case closed (in so much as I can move on...still plenty of unanswered questions.).
I'm trying to make my web application based on Angularjs work in IE8 and IE11.
After a lot of search, i am asking my question here: is it possible to make an Angularjs application work in IE11? and into IE11 ?
Thanks for advice
I had a problem while loading a angularjs file on IE. It worked perfeclty as expected on Chrome and Firefox but was giving error as angular not defined and what not. After searching on Internet I applied following fix to my code
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
and now it displays the page.
It should work and how you achieve that will depend on the application you are writing. Basically, you have to add extra codes to handle IE8. The AngularJS guide on IE should be a good place to start.
However, there could be situations where you run into problems. For example, when you want to use the "X-UA-Compatible" meta tag. An option could be to use the Google Frame plugin but Google has stopped updates on it from January 2014.
I think your question needs to be more precise about What is wrong with IE11?
I have personally created angularjs applications that works from IE8+ and on all other browsers like chrome, safari, firefox, opera. With all these browsers angular worked just fine.
It is important to mentioned that Microsoft broke the "Internet Explorer" inheritance meaning that internally IE11 is completely different from all other previous versions of IE but being the most advance version of Internet Explorer Angular does not need any particular "adaptation" to work with this browser.
If there is anything you should be worry it is IE8 :) and I am not saying this because of angular but because of IE8 itself.
IE7 is scanning all of the styles in my css regardless of whether or not they're in a media query. I thought IE7/8 ignores media queries. It's not ignoring them, it's just barreling through and grabbing all of the styles. Very strange.
I've tried to search for a solution, but all I can find is ways to hack it so media queries actually work in IE7.
Would the best way be to just create a separate css file for the media queries that doesn't load in IE7?
Any help would be appreciated.
There are JS libraries to make IE support CSS3 media queries:
https://github.com/scottjehl/Respond
http://code.google.com/p/css3-mediaqueries-js/
I am having the same issue. IE7 does not ignore media queries, so there's two solutions I've thought of, though I wish there was a more elegant solution:
1) Put all queries at the top of the page, so the last default appearance will take precedence. Unfortunately, if you're overriding the styles according to, for example, screen size, then you have to put the media queries at the bottom.
2) Reset the styles in IE7 with an IE-specific stylesheet (loaded after your main stylesheet). The method I've been using for this is taken from Boilerplate (specifically the Boilerplate theme in Wordpress here: http://wordpress.org/extend/themes/boilerplate):
<!--[if lt IE 7 ]><html class="no-js ie ie6 lte7 lte8 lte9"><![endif]-->
<!--[if IE 7 ]><html class="no-js ie ie7 lte7 lte8 lte9"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8 lte8 lte9"><![endif]-->
<!--[if IE 9 ]><html class="no-js ie ie9 lte9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="no-js"><!--<![endif]-->
This enables you to target IE browsers, and you could put the styles in its own stylesheet (so other browsers aren't loading it at all) or at the end of your normal stylesheet.
html.ie7 div {}
Etc.
Neither method is very graceful... This crap is why I hate Internet Explorer. (Would you believe my site still gets visits from IE7 and IE6 users? Too bad for the IE6 users, but I'm not even bothering with checking compatibility for them anymore.)