jketreno/backstory
1
0
Fork 0
Code Issues 12 Actions Releases Activity

Reverted text area changes

Browse Source
This commit is contained in:
James Ketr 2025-07-16 17:35:24 -07:00
parent ac3eccd61d
commit c2564f5966
1 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/BackstoryTextField.tsx
View File

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