Убрать задержку закрытия контекстного меню

Question

Я хочу использовать контекстное меню antd на d3js-svg, которое работает совершенно нормально.Тем не менее, это контекстное меню имеет задержку «закрытия», которая не подходит для данного приложения.

Есть ли правильный способудалить эту задержку закрытия?(Я пробовал разные значения для transitionName и mouseLeaveDelay, но безуспешно)

<Dropdown overlay={this.state.contextMenu.menu} trigger={['contextMenu']}>
    <svg height='70vh' width='100%'>
    </svg>
</Dropdown>

Заранее спасибо!

old (с mouseLeaveDelay={0}):

<Dropdown mouseLeaveDelay={0} overlay={this.state.contextMenu.menu} trigger={['contextMenu']}>
    <svg height='70vh' width='100%'>
    </svg>
</Dropdown>

Answer 1

Используйте следующее css

.ant-dropdown {
    animation-duration: 0s !important;
}

Надеюсь, это поможет.

Answer 2

Попробуйте удалить mouseLeaveDelay={0}, похоже, это необязательный параметр и может быть виновником.

Так как это работает:

  <Dropdown overlay={menu}>
    <a className="ant-dropdown-link" href="#">
      Hover me <Icon type="down" />
    </a>
  </Dropdown>,

Я думаю, это как-то связано с тем, как вы создали меню или триггер контекстного меню.Возможно, это повешено на contextMenu.Попробуйте сделать это как можно проще, следуя примеру, и затем вернитесь к своему решению, и вы найдете виновника.