如何在 y 轴上偏移 Material-UI Popper（popper.js 库）位置？

我正在使用material-ui（v 4.9.5）Popper对于上面的“弹出”菜单。它是anchorElement是选定的ListItem在左侧。 我想要Popper与主菜单顶部齐平。然而它看起来短了 5px。

如果我查看 Chrome 开发工具，我会看到以下内容和5px值范围内translate3d参数是问题。如果我将值更改为0px在开发工具中问题已解决。

我的问题是如何通过代码实现这一点。我尝试过以下使用modifiers对于底层的波普尔.js and it 什么也没做.

 <Popper
    modifiers={{
        offset: {
         enabled: true,
         offset: '-5, 0'
    },
    }}
    className={globalMenuStyle.popperStyle}
    placement="right-end"
    open={isPopoverOpen}
    onClose={handleHidingGlobalMenu}
    anchorEl={anchorElement}>
    {popoverMenuItems}
 </Popper>

更奇怪的是，如果我实验并尝试这样的事情并尝试 x 轴modifiers它沿 x 轴移动。为什么 x 轴有效而 y 轴无效？

modifiers={{
   offset: {
    enabled: true,
    offset: '0, 50'
},
}}

Material UI 5.0 及更高版本使用 Popper 2.0，其语法略有不同。

<Popper
    modifiers={[
      {
        name: "offset",
        options: {
          offset: [0, 50],
        },
      },
    ]}
  >
  </Popper>