I have bug on chrome with text area in modal Chakra-UI. On Firefox it works fine, but safari and chrome not working right.

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}
            />
              .
              .
              .
      

CodePudding user response：

Solved :D -webkit-fill-available maybe not working on chrome so I erased it and it's