Fixed popover values not saving when clicking on draggable items on inspector

frontend/src/AppBuilder/RightSideBar/Inspector/Components/Select.jsx

@@ -388,6 +388,11 @@ export function Select({ componentMeta, darkMode, ...restProps }) {
                             placement="left"
                             rootClose
                             overlay={_renderOverlay(item, index)}
+                            onToggle={(isOpen) => {
+                              if (!isOpen) {
+                                document.activeElement?.blur(); // Manually trigger blur when popover closes
+                              }
+                            }}
                           >
                             <div key={item.value}>
                               <ListGroup.Item

frontend/src/AppBuilder/RightSideBar/Inspector/Components/Table/Table.jsx

@@ -327,7 +327,12 @@ class TableComponent extends React.Component {
         placement="left"
         rootClose={this.state.actionPopOverRootClose}
         overlay={this.actionPopOver(action, index)}
-        onToggle={(showing) => this.setState({ showPopOver: showing })}
+        onToggle={(showing) => {
+          if (!showing) {
+            document.activeElement?.blur(); // Manually trigger blur when popover closes
+          }
+          this.setState({ showPopOver: showing });
+        }}
       >
         <div>
           <List>
@@ -647,6 +652,7 @@ class TableComponent extends React.Component {
                                     if (show) {
                                       this.handleToggleColumnPopover(index);
                                     } else {
+                                      document.activeElement?.blur(); // Manually trigger blur when popover closes
                                       this.handleToggleColumnPopover(null);
                                     }
                                   }}