popper - 空间不足时如何翻转 Material UI Popper

Question

原位置 original 当 Button 向左移动时 执行

https://codesandbox.io/s/material-demo-forked-hwvxl?file=/demo.js

请告诉我怎么做，谢谢

Answer 1

您只需在纸张上添加 marginLeft 与按钮边距相同的边距，

表示元素之间有多少间距，并且可以在所有 4 个方向或轴之一上设置

paper: {
    maxWidth: 400,
    minWidth: 100,
    marginLeft : 50 // here
  },
btn: {
    marginLeft: 50 // same as this
  }