fix: read-only rich text — add word-break to prevent overflow from nbsp

This commit is contained in:
BOHA
2026-03-24 11:19:19 +01:00
parent f9cb28afa0
commit b1aaec4fb6

View File

@@ -1098,10 +1098,13 @@ export default function OfferDetail() {
<div style={{ marginTop: '0.5rem' }}>
<label className="admin-form-label">Obsah</label>
{(isInvalidated || isLockedByOther) ? (
<div className="rich-editor">
<div
style={{ minHeight: '80px', padding: '0.75rem', background: 'var(--bg-primary)', border: '1px solid var(--border-color)', borderRadius: 'var(--border-radius-sm)', lineHeight: 1.6, fontSize: '0.875rem', color: 'var(--text-primary)' }}
className="ql-editor"
style={{ minHeight: '80px', background: 'var(--bg-primary)', border: '1px solid var(--border-color)', borderRadius: 'var(--border-radius-sm)', cursor: 'default', overflowWrap: 'anywhere', wordBreak: 'break-word' }}
dangerouslySetInnerHTML={{ __html: section.content || '<em style="color: var(--text-tertiary)">Prázdný obsah</em>' }}
/>
</div>
) : (
<RichEditor
value={section.content}