From 5b6890b6fcc8734e1eb07de0adc6d799a32ca28b Mon Sep 17 00:00:00 2001
From: pabloFuente <pablofuenteperez@gmail.com>
Date: Mon, 6 Apr 2026 15:36:58 +0200
Subject: [PATCH] openvidu-testapp: fix CSS pointer events

---
 .../test-scenarios/test-scenarios.component.ts        |  2 ++
 openvidu-testapp/src/styles.css                       | 11 +++++++++++
 2 files changed, 13 insertions(+)

diff --git a/openvidu-testapp/src/app/components/test-scenarios/test-scenarios.component.ts b/openvidu-testapp/src/app/components/test-scenarios/test-scenarios.component.ts
index 968422663..02bc9d5e7 100644
--- a/openvidu-testapp/src/app/components/test-scenarios/test-scenarios.component.ts
+++ b/openvidu-testapp/src/app/components/test-scenarios/test-scenarios.component.ts
@@ -198,6 +198,8 @@ export class TestScenariosComponent implements OnInit, OnDestroy {
           );
           const room: Room = user.room;
 
+          room.setMaxListeners(300);
+
           room.on(RoomEvent.SignalConnected, () => {
             this.updateEventList(RoomEvent.SignalConnected);
           });
diff --git a/openvidu-testapp/src/styles.css b/openvidu-testapp/src/styles.css
index 69f01a5fe..78ffec781 100644
--- a/openvidu-testapp/src/styles.css
+++ b/openvidu-testapp/src/styles.css
@@ -94,6 +94,7 @@ app-participant:last-child > .participant-container {
 button.mat-icon-custom .mat-mdc-button-touch-target {
   width: 24px;
   height: 24px;
+  pointer-events: none;
 }
 
 .top-div {
@@ -109,3 +110,13 @@ app-options-dialog .mat-mdc-form-field-infix {
 .cdk-overlay-pane:has(.mat-mdc-select-panel) {
   min-width: fit-content;
 }
+
+/* Disable mat-select panel CSS transitions/animations so options
+   are immediately clickable (prevents ElementClickInterceptedException
+   in Selenium when mdc-menu-surface intercepts clicks during animation). */
+.mat-mdc-select-panel.mdc-menu-surface {
+  transition: none !important;
+  animation: none !important;
+  opacity: 1 !important;
+  transform: none !important;
+}