search

epam / ai-dial-chat

A default UI for AI DIAL
https://chat.lab.epam.com
Apache License 2.0
314 stars 31 forks source link

[Safari][Code app]: Elements of Code app form with code editor move incorrectly while scroll #2569

Open YauheniyaH opened 2 hours ago

YauheniyaH commented 2 hours ago

EPAM AI DIAL chat version

0.21.0

How to reproduce

Steps:

  1. Open Add code app form
  2. add folder with source files -> code editor is displayed
  3. scroll the form up and down

Actual result

Code editor background moves while scroll Icons of files also move while scroll overlapping other controls Icons also disappear from code editor Topics and attach files fields disappear

Screenshot 2024-11-08 at 11 17 33

https://github.com/user-attachments/assets/87125e94-3a9d-4942-addb-6c105e7d7a11

Expected result

THe structure of the page should not change while scroll

Confidential information

lattaai4 commented 2 hours ago

Hello, I tried to fix the issue

This is what I did:

Modified the CodeEditor component to use fixed positioning and adjust the layout to prevent overlapping and disappearing elements during scrolling.

I also created pull request: https://github.com/epam/ai-dial-chat/pull/2570

[!CAUTION] Disclaimer: This fix was created by Latta AI and you should never merge before you check the correctness of generated code!

The fix provided by Latta AI might not be complete and it can serve as an inspiration.

This bug was fixed for free by Latta AI - https://latta.ai/ourmission

If you no longer want Latta AI to attempt fixing issues on your repository, you can block this account.