WYSIWYG code view styles messed up

[jdcmsd]

Parent Issue

No response

Problem Statement

The text styles in the WYSIWYG code view are out of whack, where each character offsets the cursor from the insert point a little more, and the text overruns the edge of the frame. Makes it very hard to use for editing tasks.

https://github.com/user-attachments/assets/84b7236c-ab8a-4004-953e-888fd9378c01

Steps to Reproduce

• Open Demo
• Create content type with a WYSIWYG field
• Create new contentlet
• Switch over to Code mode
• Type a bunch of dummy text
• Note the cursor gradually falling out of alignment with text insert position

Acceptance Criteria

Cursor should be the exact same point as text insert; scrolling and wrapping should occur within the expected bounds of the feame.

dotCMS Version

24.08.20

Proposed Objective

Reliability

Proposed Priority

Priority 2 - Important

External Links... Slack Conversations, Support Tickets, Figma Designs, etc.

No response

Assumptions & Initiation Needs

No response

Quality Assurance Notes & Workarounds

No response

Sub-Tasks & Estimates

No response