fix: z-index issue

Signed-off-by: amitamrutiya <[email protected]>

Author: amitamrutiya

src/custom/CustomColumnVisibilityControl/CustomColumnVisibilityControl.tsx

@@ -50,10 +50,14 @@ export function CustomColumnVisibilityControl({
     setOpen(false);
   };
 
-  const handleColumnVisibilityChange = (columnName: string, isVisible: boolean) => {
+  const handleColumnVisibilityChange = (
+    e: React.ChangeEvent<HTMLInputElement>,
+    columnName: string
+  ) => {
+    e.stopPropagation();
     customToolsProps.setColumnVisibility((prevState) => ({
       ...prevState,
-      [columnName]: isVisible
+      [columnName]: e.target.checked
     }));
   };
 
@@ -67,7 +71,7 @@ export function CustomColumnVisibilityControl({
           arrow
         />
         <PopperListener
-          style={style}
+          style={{ ...style, zIndex: 1350 }}
           open={Boolean(anchorEl)}
           anchorEl={anchorEl}
           placement="bottom-end"
@@ -107,7 +111,7 @@ export function CustomColumnVisibilityControl({
                         <Checkbox
                           checked={customToolsProps.columnVisibility[col.name]}
                           onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
-                            handleColumnVisibilityChange(col.name, e.target.checked)
+                            handleColumnVisibilityChange(e, col.name)
                           }
                         />
                       }

src/custom/TransferModal/TransferList/TransferList.tsx

@@ -180,30 +180,34 @@ function TransferList({
     setChecked(newChecked);
   };
 
-  const handleAllRight = () => {
+  const handleAllRight = (e: React.MouseEvent) => {
+    e.stopPropagation();
     setRight(right.concat(left));
     setLeft([]);
     setLeftCount(0);
     setRightCount((prevRightCount: number) => prevRightCount + leftCount);
   };
 
-  const handleCheckedRight = () => {
+  const handleCheckedRight = (e: React.MouseEvent) => {
+    e.stopPropagation();
     setRight(right.concat(leftChecked));
     setLeft(not(left, leftChecked));
     setChecked(not(checked, leftChecked));
     setLeftCount((prevLeftCount: number) => prevLeftCount - leftChecked.length);
     setRightCount((prevRightCount: number) => prevRightCount + leftChecked.length);
   };
 
-  const handleCheckedLeft = () => {
+  const handleCheckedLeft = (e: React.MouseEvent) => {
+    e.stopPropagation();
     setLeft(left.concat(rightChecked));
     setRight(not(right, rightChecked));
     setChecked(not(checked, rightChecked));
     setRightCount((prevRightCount: number) => prevRightCount - rightChecked.length);
     setLeftCount((prevLeftCount: number) => prevLeftCount + rightChecked.length);
   };
 
-  const handleAllLeft = () => {
+  const handleAllLeft = (e: React.MouseEvent) => {
+    e.stopPropagation();
     setLeft(left.concat(right));
     setRight([]);
     setRightCount(0);