Есть ли способ не закрывать выпадающее меню ANTD, нажав на него? ⇐ Html

[Anonymous]

Я пытаюсь внедрить выпадающее меню ANTD с функциональностью поиска, и хотел закрыть раскрывающийся список при щелчке снаружи. Но в моем коде, наряду с нажатием снаружи, даже если я нажимаю на поле поиска, он переключает открытие и закрытие раскрывающегося списка (не желая). Я хочу, чтобы мое раскрывающееся меню было открыто только в том случае, если в поле поиска есть какой -то ввод символов, и закрыто, если в окне поиска нет символа или если нажать снаружи, и не следует открывать и закрываться, если я продолжу нажимать на Сам поле поиска. Есть ли какая -то опора, которую я упускаю?
Вот пример кода: < /p>

Код: Выделить всё

import React from "react";
import ReactDOM from "react-dom";
import "antd/dist/antd.css";
import "./index.css";
import { Menu, Dropdown, Input } from "antd";

class OverlayVisible extends React.Component {
state = {
visible: false
};

handleMenuClick = (e) => {
if (e.key === "3") {
this.setState({ visible: false });
}
};

handleVisibleChange = (flag) => {
this.setState({ visible: flag });
};

render() {
const menu = (

Clicking me will not close the menu.

);
return (
 {
this.setState({ visible: true });
}}
overlay={menu}
onVisibleChange={this.handleVisibleChange}
visible={this.state.visible}
trigger={["click"]}
>
 {
this.setState({ visible: true });
}}
>
{/*  e.preventDefault()}>
Hover me 
 */}

);
}
}

ReactDOM.render(, document.getElementById("container"));

CodeSandbox ссылка: https://codesandbox.io/s/aman-521r2?fil ... .js:0-1236

Подробнее здесь: https://stackoverflow.com/questions/678 ... king-on-it