fix(ADA-1777): University of Illinois Urbana-Champaign (ADA) V7 playe… (

#68)

…r issues Priority 2(#8) transcript panel does not immediately follow the toggle button

Description of the Changes
Adding event.preventDefault before we focus the button.

part of kaltura/playkit-js-transcript#228

solves ADA-1777

src/services/upper-bar-manager/upper-bar-manager.tsx

@@ -81,7 +81,7 @@ export class UpperBarManager {
     return moreElement?.querySelector('[tabindex="0"]') as HTMLButtonElement;
   }
 
-  public focusPluginButton(pluginId: number) {
+  public focusPluginButton(pluginId: number, event?: KeyboardEvent) {
     let pluginButton;
     const controls = this.getControls(this.iconsOrder);
     const pluginElement = controls.find((control) => control.id === pluginId)?.componentRef?.current?.base as HTMLElement;
@@ -90,7 +90,10 @@ export class UpperBarManager {
     } else {
       pluginButton = this.getMorePluginButton();
     }
-    pluginButton?.focus();
+    if (pluginButton) {
+      event?.preventDefault();
+      pluginButton.focus();
+    }
   }
   private injectDisplayedBarComponentWrapper(): void {
     const iconsOrder = this.iconsOrder;