Блог

Я хочу использовать меню из пользовательского интерфейса Material, и мне нужно переместить его вверх, как только он откроется. Чтобы сделать это точно, я хочу использовать transformOrigin ={{вертикаль: }} . Мой вопрос в том, как мне это правильно написать ? Я пробовал разные способы его кодирования, но он все равно показывает мне ошибку.

Ниже вы можете увидеть, как это выглядит, когда я использую встроенное значение для : вертикаль:»снизу». Он не покрывает его полностью, как я хочу, поэтому, вероятно, мне нужно переместить его вручную.

Вот как сейчас выглядит код

 const StyledMenu = withStyles({
  paper: {
    border: "1px solid #FFFFFF",
    boxShadow:
      "0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.2)",
    borderRadius: "0px",
    fontSize: "1.3rem",
  },
  list: {
    fontSize: "1.3rem",
  },
})((props: MenuProps) => (
  <Menu
    elevation={0}
    getContentAnchorEl={null}
    anchorOrigin={{
      vertical: "bottom",
      horizontal: "center",
    }}
    transformOrigin={{
      vertical: "bottom",
      horizontal: "center",
    }}
    {...props}
    style={{ fontSize: "1.3rem" }}
  />
));
 

Спасибо