How to wrap text in 2 lines on Internet Explorer and Firefox?

I am wrapping the text in 2 lines . On Google Chrome it's wrapping in 2 lines using the code overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-width: 100%; white-space: normal; But this code is not worki

Saving the file on IE11 with FileSaver

I'm using FileSaver library ( https://github.com/eligrey/FileSaver.js) and does not work on IE11, with other browsers I had no problem. The code is this: var file = new File(["content"], "sample.xml", { type: "application/xml;char

Why can not I see the html element on Internet Explorer?

I work on my angularjs project. I created HTML view that changes modes from display view to edit view by click on the button. I created css class named edit-mode. Here is plunker. Here is my view: <form class="form-horizontal form-sm"> <

Window.close window not closing in the HTA application

In my HTA application I'm using a JavaScript calendar window, it opens using window.open() and closed using window.close(), when the user clicks on one of the dates. This calendar works fine on multiple browsers and versions over more than 10 years.

Why does the hover work in IE11, but not in Chrome?

I have got a problem using the hover element in my css file. It is working in IE11, but not in Chrome. This is the code that i am using for hover: .datagrid table thead th:hover {background-color:#baeafd;} The whole css file: .datagrid table { border

Internet Explorer Robot Framework does not open

I am writing some test cases in the Robot Framework using Ride. I can run the tests on both Chrome and Firefox, but for some reason Internet Explorer is not working. I have tested with the iedriverServer.exe (32bit version 2.47.0.0). One thing to add

IE 11 problem with flexbox element with max-width

In IE11 when an item items don't properly center if they have maximum width property. This example however works in Chrome and FF. .container{ display: flex; justify-content: center; align-items: center; background-color: blue; width: 100%; } .box{ b

CSS3 transition in IE11 does not work

Why this doesn't work only on IE11? In FF and Chrome it is fine .js-search-item { width: 30px; padding: 0px; margin: 0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transi

How to get the Range object in IE 11

I want equivalent code of var nbLineStart=textarea.value.substr(0, textarea.selectionStart).split("\n").length - 1; var nbLineEnd=textarea.value.substr(0, textarea.selectionEnd).split("\n").length - 1; var range = document.selection.cr

Adding large groups of elements in IE11 is extremely slow

I am encountering a massive problem in terms of loading big amounts of data into the DOM. In fact, only IE11 is the deal breaker here. Here is some example code first, basically I am doing this: var concat = []; for (var i = 0; i < 10000; i++) { conc

css is not loaded on IE when the css in the body

I have a case that I want the css to be in the body not in the header, because the header is for all pages and each page have a different css file. I have a problem that the style is working on chrome and firefox but it is not working on IE11. I trie

IE11 border radius and border bug

I have an odd visual bug in IE11 as you can see in image here > http://www.jonwallacedesign.biz/ie11.png See the odd effect on corners of the white "WHY USE US" li button.... The combination of border-radius, background-image and border: 1px

CSS min-height calc () dynamic property in IE11

I have some very basic HTML & CSS, and I'd like to have the "sticky footer" effect. This is for an application internal to my company, so we can enforce latest browsers only (IE11+). I saw that IE9+ supports the CSS calc() dynamic property,

IE11 making blurred background picture text

I'm working on a website, where I use image sprites on a button. In every other browser I've tried, except for IE11, the text on my sprite is crisp as it should be, but in IE11, the text gets blurry (See images). The blurry one being IE11 ofc. The wi

Force IE 11 & ldquo; User Agent String & rdquo; using tags

My website is broken in IE11. We all know that HTML tags allow developer to force IE compatibility mode; in example <meta http-equiv="X-UA-Compatible" content="IE=8, IE=9" /> worked great and solved the visualization problems for

The Print button is not available in ReportViewer with IE11

So we noticed that the print button in our ReportViewer (Version=10.0.0.0) is gone after upgrading to IE11. This is how it looks like in IE10: After doing some research, we found that other people are also reporting this problem (i.e. here), but did

How can I target only Internet Explorer 11 with JavaScript?

What's the least error-prone way to target just IE11 with JavaScript? Note: This should really only be done for analytics or informing the user what browser they're using. For everything else, there's feature detection.The User-agent string for IE 11