Issue with Replace Behavior in p5.js Web Editor

[perminder-17]

p5.js version

No response

What is your operating system?

None

Web browser and version

No response

Actual Behavior

Currently, when the arrow keys are pressed without entering text for replacement, it opens the find elements box.

p5.js.Web.Editor.6.mp4

Expected Behavior

When the "Replace" box is open, pressing the arrow keys should navigate to and focus on the find elements in the "Replace" block itself as soon as text is entered for replacement.

Steps to reproduce

Steps:

1.Open the p5.js web editor.
2. Use the "Replace" functionality (Ctrl+F) without entering any text for replacement.
3. .Press the arrow keys (^ and V) for previous and next, respectively.

[perminder-17]

screen-recording.webm

also from this issue i want to correct this one. Preview is coming inside the block of replace.

can i work on this @raclim and @lindapaiste ?

[perminder-17]

And one more thing @raclim, I've noticed some important priority bugs related to mobile responsiveness. I'm wondering if I should start working on them or the work still going on? @lindapaiste

[lindapaiste]

Ooof. The behavior that you are seeing in your video is definitely a bug! Feel free to work on it.

@dewanshDT’s GSoC project is done so I don’t think he’s actively working on anything at the moment. We finally rolled out his UI and it a huge improvement but we are aware that it’s not perfect. So if there are specific mobile/responsive issues that you want to fix then feel free to work on them.

[perminder-17]

Ok, @lindapaiste Going to fix this asap

[perminder-17]

Sorry @raclim for being inactive for this issue. I was a little busy with working on filter() function in p5.js. I will fix this very soon.

[kirtanchandak]

Hey, @perminder-17 are you still working on this or should I pick this one?