Fix keydown event for Search engines dropdown

[prem-k-r]

📝 Description

Keyboard:

• Clear selected state and reset index when dropdown opens
• When enter is pressed switch to the selected search engine, close the dropdown and focus on the searchInput
• Prevent scrolling when using the arrow keys

Mouse:

• When switched to the selected search engine by clicking, close the dropdown and focus on the searchInput

Normal Search With | Mouse:

• Focus on the searchInput for search engine radio button div click too

📸 Screenshots / 📹 Videos

None

🔗 Related Issues

None

✅ Checklist

• I have read and followed the Contributing Guidelines.
• I have tested my changes by installing them as an extension (not just running via localhost) to ensure it builds, installs, and works as expected.
• I have tested these changes in at least Chrome and Firefox (other browsers if applicable).
• Attached visual evidence of changes (screenshots or videos) if applicable.

[itz-rj-here]

The code looks right but i still need to check when I'm on my computer. 😅

[itz-rj-here]

Well, as you told that preventing scroll when using arrow key, idk if it works as you said. Cause I can scroll with my mouse pointer when using arrow key 😅. But others looks good to me.
I guess you could include a feature with this improvement. Like adding, when we use the arrow key and stop's at a selected search suggestion, the search suggestion text will be also added at the searchbar too like the chrome one.

[prem-k-r]

Well, as you told that preventing scroll when using arrow key, idk if it works as you said. Cause I can scroll with my mouse pointer when using arrow key 😅. But others looks good to me.

Scrolling, you can resize the browser window to check, I meant whole screen UI moves when arrow up and down when height doesn't fit, unrelated to mouse.

I guess you could include a feature with this improvement. Like adding, when we use the arrow key and stop's at a selected search suggestion, the search suggestion text will be also added at the searchbar too like the chrome one.

I don't get it, do you mean showing search engines name in searchbar?

[itz-rj-here]

Well, as you told that preventing scroll when using arrow key, idk if it works as you said. Cause I can scroll with my mouse pointer when using arrow key 😅. But others looks good to me.

Scrolling, you can resize the browser window to check, I meant whole screen UI moves when arrow up and down when height doesn't fit, unrelated to mouse.

I guess you could include a feature with this improvement. Like adding, when we use the arrow key and stop's at a selected search suggestion, the search suggestion text will be also added at the searchbar too like the chrome one.

I don't get it, do you mean showing search engines name in searchbar?

Yup.

[prem-k-r]

Well, as you told that preventing scroll when using arrow key, idk if it works as you said. Cause I can scroll with my mouse pointer when using arrow key 😅. But others looks good to me.

Scrolling, you can resize the browser window to check, I meant whole screen UI moves when arrow up and down when height doesn't fit, unrelated to mouse.

THIS:

Untitled.video.-.Made.with.Clipchamp.3.mp4

I guess you could include a feature with this improvement. Like adding, when we use the arrow key and stop's at a selected search suggestion, the search suggestion text will be also added at the searchbar too like the chrome one.

I don't get it, do you mean showing search engines name in searchbar?

Yup.

Showing Google/Brave/Duck etc in place of Type here...? idk, I'll pass for now

Any bug in the codes?

[itz-rj-here]

This:

2025-01-18.19-30-20.mp4

[prem-k-r]

oh, nice I can try it after #479

[prem-k-r]

Roughly counted previous major PR after v3, updated in manifest version

[prem-k-r]

@XengShi please check, if everything ok or I need to revert anything

[prem-k-r]

Thanks