fix rate style selection failed - stop mousedown inside popover (#8293)

Co-authored-by: zhouwenxuan <aries@Mac.local>

frontend/src/components/customize-popover.js

@@ -58,6 +58,10 @@ class CustomizePopover extends React.Component {
     e.stopPropagation();
   };
 
+  onPopoverInsideMouseDown = (e) => {
+    e.stopPropagation();
+  };
+
   render() {
     const {
       target, boundariesElement, innerClassName, popoverClassName, hideArrow = true, modifiers,
@@ -79,7 +83,11 @@ class CustomizePopover extends React.Component {
         modifiers={modifiers}
         {...additionalProps}
       >
-        <div ref={ref => this.popoverRef = ref} onClick={this.onPopoverInsideClick}>
+        <div
+          ref={ref => this.popoverRef = ref}
+          onClick={this.onPopoverInsideClick}
+          onMouseDown={this.onPopoverInsideMouseDown}
+        >
           {this.props.children}
         </div>
       </Popover>