Why does Flexibilty.js does not allow this Flexbox Test to run on IE9 Compatability
So I am currently developing a web app that uses Flexbox. This works fine in IE10/11, Chrome, Firefox etc but I could not get it working in IE9 (Compatability mode in IE11) obviously because it does not support Flexbox.
I then found the Flexibility.js shim, which many people seem to have used successfully and I could not find anyone with issues using it.
So as per the installation instructions I added
<script src="js/flexibility.js"></script>
to the <head> of my HTML page and also added -js-display: flex to the following CSS:
.container .right .chat.active-chat {
-js-display: flex;
display: block;
display: -webkit-flex;
display: flex;
}
Now according to the installation instructions this is all that should be needed to get Flexbox working on IE9, however in this example that I've hosted (because Codepen/JSFiddle would not work in IE9 themselves) you can see that the divs with class .bubble do not appear anywhere on the screen, even though they appear fine in other browsers.
Is there anything in this code that would stop Flexibility.js from working? Or is there another problem which is stopping these divs from being displayed correctly?
-
05:30
-
04:00
-
00:00
-
10:30
-
9:10
-
07:40
Firebase Cloud Functions: PubSub, "res.on is not a function"
-
04:00
TypeError: Cannot read properties of undefined (reading 'createMessageComponentCollector')
-
9:20
-
7:40
- search for elements in a list 110750 visits
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 107577 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 98458 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 95947 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 92158 visits
- NetBeans IDE - ClassNotFoundException: net.ucanaccess.jdbc.UcanaccessDriver 61646 visits
- Adding methods to es6 child class 22177 visits
