右键单击上下文菜单在vaadin-grid中并不总是有效

如何解决右键单击上下文菜单在vaadin-grid中并不总是有效

我在项目中使用vaadin-grid。在网格中，有一列如下

import React from 'react';
import { withTranslation,Link } from 'i18n';

const Header = (): JSX.Element => {
  return (
    <>
      <Flex>
        <Box>
          <Link href="/">HOME</Link>
        </Box>
      </Flex>
    </>
  );
};

export default Header;

网格具有vaadin上下文菜单。我面临的问题是，右键单击必须恰好在文本上方，以便执行任何事件处理程序。在我的情况下，文本无法填充整个单元格区域，因此，如果我的右键单击位置不准确，则不会执行任何操作。

正在向上下文菜单操作处理程序传递一个<vaadin-grid-column> <template is="dom-if" if="{{SOME_BOOLEAN_CONDITION}}"> <div on-dblclick="dbClickHandler" style="white-space:normal;text-align:center" title="TEST" data-index$="[[index]]"> TEST DATA 1729 </div> </template> </vaadin-grid-column> 对象，我正在使用MouseEvent从中提取当前行的index。如果我的右键单击不准确，这不会取消任何内容。有人可以帮忙收拾这个东西吗。

谢谢

PS：在this线程中，JAVA组件报告了类似的问题。