Javascript 如何偏移y轴上的物料UI Popper（Popper.js库）位置？

我正在使用一个材质ui（V4.9.5）

Popper

作为“弹出”菜单，如上所述。它的

anchoreElement

是左侧选中的

ListItem

。 我希望

弹出式按钮

与主菜单顶部齐平。然而，它似乎短5px

如果我查看Chrome开发工具，我会看到以下内容，

translate3d

参数中的

5px

值就是问题所在。如果我在Dev工具中将值更改为

0px

，问题就解决了

我的问题是如何通过代码实现这一点。我对底层的popper.js使用

修饰符尝试了以下操作，但没有任何效果

使用prop向popper.js实例提供选项obj，如下所示：

<Popper
   popperOptions={{
      modifiers: {
         offset: {
             offset: '-5,0',
         },
      },
    }}
    ....
</Popper>

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

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

这是向物料Ui popper组件添加偏移量的最快方法

  <Popper
        open={open}
        anchorEl={anchorRef.current}
        modifiers={{
          flip: {
            enabled: false,
          },
          offset: {
            enabled: true,
            offset: '300,100',
          },
        
      >



有关更多信息，请参阅此处的参考资料
如果您可以共享代码，或者最好尝试在代码沙盒中重现此问题，我会尽力帮助您。嗯，这很奇怪。是否尝试更新材料界面？我在4.9.9上，x和y偏移量对我都有效。请尝试修饰符：{offset:{enabled:true，offset:'-5,0'，}，}，}
<Popper
    modifiers={[
      {
        name: "offset",
        options: {
          offset: [0, 50],
        },
      },
    ]}
  >
  </Popper>

  <Popper
        open={open}
        anchorEl={anchorRef.current}
        modifiers={{
          flip: {
            enabled: false,
          },
          offset: {
            enabled: true,
            offset: '300,100',
          },
        
      >