[Bug]: Fix the search cmd/ctrl+f in code editors

[leonlazic]

Is there an existing issue for this?

• [X] I have searched the existing issues

Description

Currently the cmd/ctrl+f to find something on page doesn't work in code windows. It only works when the word is already in the viewport. It doesn't work for both code text fields in custom widgets as well as the code editor for js in main appsmith app.

Searching is especially needed for custom widgets where you can't split up the code into multiple files or put the text editor full screen to fit more code in.

The screen recording also displays when my enter button is being pressed and pay attention to the searchbox color when it's red and when it's not.

https://github.com/user-attachments/assets/6f547e40-21aa-4616-ba41-9879a5304c87

Steps To Reproduce

1. Go to custom widget
2. Type around 100 lines of code although I think much less will also prove my point.
3. Pick a unique word that only appears once in the file
4. Scroll away from that word until it well outside the viewport
5. Try searching for that word with ctrl/cmd+f

Public Sample App

No response

Environment

Production

Severity

Medium (Frustrating UX)

Issue video log

No response

Version

Cloud