From 1a506082c1d2aab8edcbe7520bd19c3442d83d2e Mon Sep 17 00:00:00 2001
From: Rebecca Alpert <ralpert@redhat.com>
Date: Tue, 22 Oct 2024 16:58:12 -0400
Subject: [PATCH] fix(ChatbotHeader/Message): Disable pointer events

Before these were added, it was possible to drag the avatars or header images into the drag and drop field, which is a bug. These CSS classes prevent this from happening.
---
 packages/module/src/ChatbotHeader/ChatbotHeader.scss | 4 ++++
 packages/module/src/Message/Message.scss             | 1 +
 2 files changed, 5 insertions(+)

diff --git a/packages/module/src/ChatbotHeader/ChatbotHeader.scss b/packages/module/src/ChatbotHeader/ChatbotHeader.scss
index c2de914c..519dcd5a 100644
--- a/packages/module/src/ChatbotHeader/ChatbotHeader.scss
+++ b/packages/module/src/ChatbotHeader/ChatbotHeader.scss
@@ -16,6 +16,10 @@
   .pf-chatbot__header-main {
     display: flex;
     gap: var(--pf-t--global--spacer--sm);
+
+    img {
+      pointer-events: none; // prevent dragging on any brand images - interferes with FileDropZone
+    }
   }
 
   // Title -or- Brand
diff --git a/packages/module/src/Message/Message.scss b/packages/module/src/Message/Message.scss
index 5a108001..888b022d 100644
--- a/packages/module/src/Message/Message.scss
+++ b/packages/module/src/Message/Message.scss
@@ -25,6 +25,7 @@
     position: sticky;
     top: var(--pf-t--global--spacer--md);
     object-fit: cover;
+    pointer-events: none; // prevent dragging - interferes with FileDropZone
   }
 
   // Contents