proper IE 11 compatibility - fixes #366

client/lib/customEventPolyfill.js

@@ -0,0 +1,12 @@
+(function () {
+  function CustomEvent ( event, params ) {
+    params = params || { bubbles: false, cancelable: false, detail: undefined };
+    var evt = document.createEvent( 'CustomEvent' );
+    evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
+    return evt;
+   }
+
+  CustomEvent.prototype = window.Event.prototype;
+
+  window.CustomEvent = CustomEvent;
+})();

client/routes/roomRoute.coffee

@@ -18,7 +18,7 @@ FlowRouter.route '/room/:_id',
 
 				mainNode = document.querySelector('.main-content')
 				if mainNode?
-					child?.remove() for child in mainNode.children
+					mainNode.removeChild child for child in mainNode.children
 					room = RoomManager.getDomOfRoom(params._id)
 					mainNode.appendChild room
 					if room.classList.contains('room-container')
@@ -42,5 +42,5 @@ FlowRouter.route '/room/:_id',
 					if child?
 						if child.classList.contains('room-container')
 							child.oldScrollTop = child.querySelector('.messages-box > .wrapper').scrollTop
-						child.remove()
+						$(child).remove()
 	]

client/stylesheets/base.less

@@ -1340,6 +1340,7 @@ a.github-fork {
 		text-align: right;
 		background: #fff;
 		min-height: @footer-min-height;
+		height: @footer-min-height;
 		background-color: @primary-background-color;
 		.logo {
 			display: block;
@@ -1364,6 +1365,7 @@ a.github-fork {
 		img {
 			display: inline-block;
 			max-width: 222px;
+			max-height: 43px;
 			margin-bottom: -10px;
 		}
 	}

client/views/main.html

@@ -57,9 +57,9 @@
 					<div class="connection-status">
 						{{> status}}
 					</div>
-					<main class="main-content {{flexOpened}} {{flexOpenedRTC1}} {{flexOpenedRTC2}}">
+					<div class="main-content {{flexOpened}} {{flexOpenedRTC1}} {{flexOpenedRTC2}}">
 						{{> Template.dynamic template=center}}
-					</main>
+					</div>
 					{{> sideNav }}
 				</div>
 				{{> audioNotification }}