From 748837597c19e5eaa4590831b55788782e146c8a Mon Sep 17 00:00:00 2001
From: gopienkonikita <nikita.gopienko@onlyoffice.com>
Date: Wed, 7 Feb 2024 16:34:06 +0300
Subject: [PATCH] Web: Files: InviteInput: fixed z-index, fixed drop-down width

---
 .../panels/InvitePanel/sub-components/InviteInput.js  | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/components/panels/InvitePanel/sub-components/InviteInput.js b/packages/client/src/components/panels/InvitePanel/sub-components/InviteInput.js
index ec4db7d663..10b387a597 100644
--- a/packages/client/src/components/panels/InvitePanel/sub-components/InviteInput.js
+++ b/packages/client/src/components/panels/InvitePanel/sub-components/InviteInput.js
@@ -66,6 +66,7 @@ const InviteInput = ({
   const [isAddEmailPanelBlocked, setIsAddEmailPanelBlocked] = useState(true);
 
   const [selectedAccess, setSelectedAccess] = useState(defaultAccess);
+  const [dropDownWidth, setDropDownWidth] = useState(0);
 
   const searchRef = useRef();
 
@@ -76,6 +77,13 @@ const InviteInput = ({
       isBeta: isBetaLanguage(language),
     };
 
+  useEffect(() => {
+    setTimeout(() => {
+      const width = searchRef?.current?.offsetWidth ?? 0;
+      if (width !== dropDownWidth) setDropDownWidth(width);
+    }, 0);
+  });
+
   useEffect(() => {
     !culture.key &&
       setInviteLanguage({
@@ -410,13 +418,14 @@ const InviteInput = ({
           <></>
         ) : (
           <StyledDropDown
-            width={searchRef?.current?.offsetWidth}
+            width={dropDownWidth}
             isDefaultMode={false}
             open
             manualX="16px"
             showDisabledItems
             eventTypes="click"
             withBackdrop={false}
+            zIndex={399}
             {...dropDownMaxHeight}
           >
             {!!usersList.length ? foundUsers : addEmailPanel}