Fix Internet Explorer 11 not loading because Element.append() does not exist

Signed-off-by: Joas Schilling <coding@schilljs.com>

4 files changed, 14 insertions, 14 deletions

diff --git a/src/FilesSidebarCallViewApp.vue b/src/FilesSidebarCallViewApp.vue
index ce874bf61..91b4ea3d6 100644
--- a/src/FilesSidebarCallViewApp.vue
+++ b/src/FilesSidebarCallViewApp.vue
@@ -254,7 +254,7 @@ export default {
 				}
 			}
 
-			header.append(this.$el)
+			header.appendChild(this.$el)
 		},
 
 		/**
@@ -279,7 +279,7 @@ export default {
 
 			const headerAction = document.querySelector('.app-sidebar-header__action')
 			if (headerAction) {
-				headerAction.append(this.$el)
+				headerAction.appendChild(this.$el)
 			}
 		},
 	},
diff --git a/src/collections.js b/src/collections.js
index 1eb6aa3ad..8d6b9cd79 100644
--- a/src/collections.js
+++ b/src/collections.js
@@ -41,7 +41,7 @@ import RoomSelector from './views/RoomSelector'
 				const container = document.createElement('div')
 				container.id = 'spreed-room-select'
 				const body = document.getElementById('body-user')
-				body.append(container)
+				body.appendChild(container)
 				const ComponentVM = new Vue({
 					render: h => h(RoomSelector),
 				})
diff --git a/src/mainPublicShareAuthSidebar.js b/src/mainPublicShareAuthSidebar.js
index 898450f56..287fdcfa8 100644
--- a/src/mainPublicShareAuthSidebar.js
+++ b/src/mainPublicShareAuthSidebar.js
@@ -65,7 +65,7 @@ function wrapBody() {
 	const bodyWrapperElement = document.createElement('div')
 
 	while (bodyElement.childNodes.length) {
-		bodyWrapperElement.append(bodyElement.childNodes[0])
+		bodyWrapperElement.appendChild(bodyElement.childNodes[0])
 	}
 
 	while (bodyElement.classList.length) {
@@ -76,24 +76,24 @@ function wrapBody() {
 	bodyWrapperElement.setAttribute('id', bodyElement.getAttribute('id'))
 	bodyElement.removeAttribute('id')
 
-	bodyElement.append(bodyWrapperElement)
+	bodyElement.appendChild(bodyWrapperElement)
 }
 
 function adjustLayout() {
 	const contentElement = document.createElement('div')
 	contentElement.setAttribute('id', 'content')
-	document.querySelector('body').append(contentElement)
+	document.querySelector('body').appendChild(contentElement)
 
-	contentElement.append(document.querySelector('.wrapper'))
-	contentElement.append(document.querySelector('footer'))
+	contentElement.appendChild(document.querySelector('.wrapper'))
+	contentElement.appendChild(document.querySelector('footer'))
 
 	const requestPasswordElement = document.createElement('div')
 	requestPasswordElement.setAttribute('id', 'request-password')
-	document.querySelector('main').append(requestPasswordElement)
+	document.querySelector('main').appendChild(requestPasswordElement)
 
 	const talkSidebarElement = document.createElement('div')
 	talkSidebarElement.setAttribute('id', 'talk-sidebar')
-	document.querySelector('body').append(talkSidebarElement)
+	document.querySelector('body').appendChild(talkSidebarElement)
 
 	wrapBody()
 
diff --git a/src/mainPublicShareSidebar.js b/src/mainPublicShareSidebar.js
index 4b89f1fbd..4be5bea4e 100644
--- a/src/mainPublicShareSidebar.js
+++ b/src/mainPublicShareSidebar.js
@@ -53,11 +53,11 @@ Vue.use(Vuex)
 Vue.use(VueShortKey, { prevent: ['input', 'textarea', 'div'] })
 
 function adjustLayout() {
-	document.querySelector('#app-content').append(document.querySelector('footer'))
+	document.querySelector('#app-content').appendChild(document.querySelector('footer'))
 
 	const talkSidebarElement = document.createElement('div')
 	talkSidebarElement.setAttribute('id', 'talk-sidebar')
-	document.querySelector('#content').append(talkSidebarElement)
+	document.querySelector('#content').appendChild(talkSidebarElement)
 }
 
 adjustLayout()
@@ -88,10 +88,10 @@ function addTalkSidebarTrigger() {
 	if (!document.querySelector('.header-right')) {
 		const headerRightElement = document.createElement('div')
 		headerRightElement.setAttribute('class', 'header-right')
-		document.querySelector('#header').append(headerRightElement)
+		document.querySelector('#header').appendChild(headerRightElement)
 	}
 
-	document.querySelector('.header-right').append(talkSidebarTriggerElement)
+	document.querySelector('.header-right').appendChild(talkSidebarTriggerElement)
 }
 
 addTalkSidebarTrigger()