From 3d2c4b0d9dc9ab40fda289afc907749150968fc6 Mon Sep 17 00:00:00 2001
From: John Livingston <git@john-livingston.fr>
Date: Mon, 13 May 2024 10:40:22 +0200
Subject: [PATCH] Fix select styling in ConverseJS.

---
 CHANGELOG.md                                  | 1 +
 conversejs/custom/shared/styles/livechat.scss | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d37eead0..999dd8d8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 ### Minor changes and fixes
 
 * Fix missing titles on some buttons when the chat is open.
+* Fix select styling in ConverseJS.
 
 ## 9.0.2
 
diff --git a/conversejs/custom/shared/styles/livechat.scss b/conversejs/custom/shared/styles/livechat.scss
index 2f464b8c..9cce5c92 100644
--- a/conversejs/custom/shared/styles/livechat.scss
+++ b/conversejs/custom/shared/styles/livechat.scss
@@ -173,4 +173,11 @@ body.converse-embedded {
   textarea:read-only {
     background-color: var(--chat-textarea-disabled-bg-color) !important;
   }
+
+  select.form-control {
+    // Peertube uses a trick to display a triangle as dropdown icon for selects.
+    // But this tricks breaks selects that are not in a .peertube-select-container.
+    // So we must revert appearance:
+    appearance: revert !important;
+  }
 }