Overflow text, z-index and reply functionality breaking in Notes section.

[shauryag2002]

Describe the bug

1. Overlapping elements due to z-index changes.

   • The z-index of the "created at" in the single chat header causes overlapping issues.

2. After entering long text:

   • Entering a long single word breaks the UI.
   • Example of word:
     Testtttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt
   • Clicking the reply button also causes the UI to break.

3. The "Edit History" for note popup breaks if the text is too large.

To Reproduce

Steps to reproduce the behavior:

1. Go to the Patients tab and click View patient notes.
2. Enter a large single word (50 to 70 characters).
3. Observe the error where the text overflows outside the container.
4. Click the reply icon, and observe the error again as the text overflows.
5. Click the View history icon and see the UI break again due to the long text.

Expected behavior

• The long text should wrap or be truncated so that it doesn’t overflow the UI.

Screenshots

z-index issue:

Text overflow issue:

Reply section text overflow:

Edit history pop up text overflow:

Solution Video:

Notes_chat_fix.mp4

Desktop (please complete the following information):

• OS: Windows
• Browser: Brave
• Version: 1.70.119

[syedfardeenjeelani]

@shauryag2002 i would like to try to contribute in this issue can you assign it to me

[shauryag2002]

Sorry @syedfardeenjeelani, I am working on this issue and created a Pull request for this issue.

[syedfardeenjeelani]

no problem @shauryag2002

[rithviknishad]

Closing as not relevant. Works fine without issues for the longest english dictionary word (45 chars) pneumonoultramicroscopicsilicovolcanoconiosis.

[Sulochan-khadka]

Is this solved @rithviknishad

[rithviknishad]

Nope, you can create a separate issue for that alone