search

grainger-illinois / CTCast

Apache License 2.0
0 stars 0 forks source link

Resizing TextField causes warnings #77

Open HanBoyou opened 1 year ago

HanBoyou commented 1 year ago

When trying to set the props of the textbox inside the TextField MUI component:

MessageEncoder.jsx

    <TextField multiline fullWidth
...
    inputProps={{
        style: {
          minHeight: "100px",
          maxHeight: "200px",
          overflowY:'scroll',
        },
      }}

The prop overflowY:'scroll' causes a Warning and does not create a scroll bar: image Changing overflowY:'scroll' to overflow:'scroll' makes the warning disappear, as expected. However, it creates scroll bars on the bottom of the TextField (x axis) which is not desired. image

This looks like a MUI issue after me investigating and found something similar in AntDesign: https://github.com/ant-design/ant-design/issues/21697. This might be a similar problem and maybe I'll submit to MUI's Github later.