Chakra UI Modal [=Ga=] 极度错误

Question

我在 chrome 模式 Chakra-UI 中的文本区域有错误。在 Firefox 上运行良好，但 safari 和 chrome 无法正常运行。

Safari_img

<ModalContent css="display: flex; flex-direction: column; height: -webkit-fill-available" my="0.75em">
  <ModalHeader>
    {task.taskType} ({task.status})
  </ModalHeader>
  <ModalCloseButton />
  <ModalBody display="flex">
          <Textarea
              fontFamily="monospace"
              value={getUnescapedJSON(inputData)}
              isReadOnly
              id="t_input"
              variant="filled"
              minH={200}
            />
              .
              .
              .

Answer 1

已解决:D -webkit-fill-available 可能无法在 chrome 上工作，所以我删除了它，它是

Chakra UI Modal [=Ga=] 极度错误

Chakra UI modal window bug in Chorme

safari

textarea

google-chrome

react-typescript

chakra-ui