alma/Neah
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mail page fix

Browse Source
This commit is contained in:
alma 2025-04-21 18:01:53 +02:00
parent 8d283e6988
commit bf90acca90
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/ComposeEmail.tsx
View File

@ -203,10 +203,10 @@ export default function ComposeEmail({
<div
ref={composeBodyRef}
contentEditable
className="prose max-w-none min-h-[200px] p-4 focus:outline-none border rounded-md bg-white"
className="prose max-w-none min-h-[200px] p-4 focus:outline-none border rounded-md bg-white text-gray-900"
suppressContentEditableWarning
onInput={(e: React.FormEvent<HTMLDivElement>) => {
const content = (e.target as HTMLDivElement).innerText;
const content = (e.target as HTMLDivElement).innerHTML;
setComposeBody(content);
}}
onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {
@ -215,11 +215,21 @@ export default function ComposeEmail({
document.execCommand('insertLineBreak');
}
}}
onFocus={() => {
const current = composeBodyRef.current;
if (current && !current.innerHTML) {
current.innerHTML = '';
}
}}
style={{
outline: 'none',
cursor: 'text',
whiteSpace: 'pre-wrap',
wordBreak: 'break-word'
wordBreak: 'break-word',
minHeight: '200px',
padding: '1rem',
border: '1px solid #e5e7eb',
borderRadius: '0.375rem'
}}
/>
</div>