Reverted text area changes

This commit is contained in:
James Ketr 2025-07-16 17:35:24 -07:00
parent ac3eccd61d
commit c2564f5966

View File

@ -8,7 +8,6 @@ import React, {
} from 'react';
import { useTheme } from '@mui/material/styles';
import './BackstoryTextField.css';
import Box from '@mui/material/Box';
// Define ref interface for exposed methods
interface BackstoryTextFieldRef {
@ -101,7 +100,7 @@ const BackstoryTextField = React.forwardRef<BackstoryTextFieldRef, BackstoryText
const fullStyle: CSSProperties = {
display: 'flex',
flexGrow: 1,
// width: '100%',
width: '100%',
padding: '16.5px 14px',
resize: 'none',
overflow: 'hidden',
@ -116,9 +115,7 @@ const BackstoryTextField = React.forwardRef<BackstoryTextFieldRef, BackstoryText
};
return (
<Box sx={{ position: 'relative', display: 'flex', flexGrow: 1, m: 0, p: 0 }}>
{/* Main textarea for user input */}
{/* Shadow textarea for height calculation */}
<>
<textarea
className="BackstoryTextField"
ref={textareaRef}
@ -151,7 +148,7 @@ const BackstoryTextField = React.forwardRef<BackstoryTextFieldRef, BackstoryText
readOnly
tabIndex={-1}
/>
</Box>
</>
);
}
);