From 23e515b787f20e17e83a1b22d864c5cfb5e56492 Mon Sep 17 00:00:00 2001
From: Pierre-Gilles Leymarie <pierregilles.leymarie@gmail.com>
Date: Thu, 6 Apr 2023 13:42:20 +0800
Subject: [PATCH] Fix #1714: When editing device in room box, select should not
 be hidden behind bottom bar

---
 .../src/components/boxs/device-in-room/EditDeviceInRoom.jsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/front/src/components/boxs/device-in-room/EditDeviceInRoom.jsx b/front/src/components/boxs/device-in-room/EditDeviceInRoom.jsx
index 47bae472fa..47ed9c01ee 100644
--- a/front/src/components/boxs/device-in-room/EditDeviceInRoom.jsx
+++ b/front/src/components/boxs/device-in-room/EditDeviceInRoom.jsx
@@ -120,6 +120,12 @@ class EditDeviceInRoom extends Component {
                   isMulti
                   onChange={this.updateDeviceFeatures}
                   options={deviceOptions}
+                  styles={{
+                    container: (base, state) => {
+                      base.zIndex = '1031'; // it needs to be more than the footer bar
+                      return base;
+                    }
+                  }}
                 />
               </div>
             )}