Merge pull request #5142 from KasinSparks/init_event_deprecated

src/apps/dashboard/routes/users/access.tsx

@@ -29,8 +29,7 @@ const UserLibraryAccess: FunctionComponent = () => {
     const element = useRef<HTMLDivElement>(null);
 
     const triggerChange = (select: HTMLInputElement) => {
-        const evt = document.createEvent('HTMLEvents');
-        evt.initEvent('change', false, true);
+        const evt = new Event('change', { bubbles: false, cancelable: true });
         select.dispatchEvent(evt);
     };
 

src/apps/dashboard/routes/users/profile.tsx

@@ -52,8 +52,7 @@ const UserEdit: FunctionComponent = () => {
     const element = useRef<HTMLDivElement>(null);
 
     const triggerChange = (select: HTMLInputElement) => {
-        const evt = document.createEvent('HTMLEvents');
-        evt.initEvent('change', false, true);
+        const evt = new Event('change', { bubbles: false, cancelable: true });
         select.dispatchEvent(evt);
     };
 

src/controllers/dashboard/networking.js

@@ -70,8 +70,7 @@ function onSubmit(e) {
 }
 
 function triggerChange(select) {
-    const evt = document.createEvent('HTMLEvents');
-    evt.initEvent('change', false, true);
+    const evt = new Event('change', { bubbles: false, cancelable: true });
     select.dispatchEvent(evt);
 }
 

src/elements/emby-select/emby-select.js

@@ -25,8 +25,7 @@ function enableNativeMenu() {
 }
 
 function triggerChange(select) {
-    const evt = document.createEvent('HTMLEvents');
-    evt.initEvent('change', false, true);
+    const evt = new Event('change', { bubbles: false, cancelable: true });
     select.dispatchEvent(evt);
 }
 

src/legacy/keyboardEvent.js

@@ -17,9 +17,7 @@
         const KeyboardEvent = function (eventName, options) {
             options = options || {};
 
-            const event = document.createEvent('Event');
-
-            event.initEvent(eventName, !!options.bubbles, !!options.cancelable);
+            const event = new Event(eventName, { bubbles: !!options.bubbles, cancelable: !!options.cancelable });
 
             event.view = options.view || document.defaultView;
 

src/scripts/gamepadtokey.js

@@ -190,8 +190,7 @@ function raiseEvent(name, key, keyCode) {
         return;
     }
 
-    const event = document.createEvent('Event');
-    event.initEvent(name, true, true);
+    const event = new Event(name, { bubbles: true, cancelable: true });
     event.key = key;
     event.keyCode = keyCode;
     (document.activeElement || document.body).dispatchEvent(event);