Fixed Issue with Search Bar

[itz-rj-here]

When clicking on the Search Bar 2 times the outline of the Search Bar goes invisible. Now it's fixed.

[prem-k-r]

Ouline border when active is missing

[itz-rj-here]

Ouline border when active is missing

I will check that after 5 hours.

[itz-rj-here]

@prem-k-r Added outline color as you requested. Now review it bruh. -_-

[itz-rj-here]

Sorry accidently clicked on the close button :)

[itz-rj-here]

@prem-k-r have you checked it still?

[prem-k-r]

Doesn't seems to working correctly.

[itz-rj-here]

Doesn't seems to working correctly.

I can see it works
w8 let me give you a recording.

[itz-rj-here]

Uhh I understand but chrome defaultly uses the focus for their search bar thats way it shows like this.

https://screenrec.com/share/25xwUkYCVH

[prem-k-r]

Uhh I understand but chrome defaultly uses the focus for their search bar thats way it shows like this.

screenrec.com/share/25xwUkYCVH

I know, but that's not the problem.

What happening after adding code

• When a new tab is opened or the current tab is reloaded, the search bar outline becomes visible, even though the cursor appears in the browser's search bar — which is not the desired behavior.
• However, if the user clicks on the search bar and then refreshes, the cursor appears in the extension's search bar with the outline active — this behavior is somewhat acceptable.

[itz-rj-here]

Uhh I understand but chrome defaultly uses the focus for their search bar thats way it shows like this.
screenrec.com/share/25xwUkYCVH

I know, but that's not the problem.

What happening after adding code

• When a new tab is opened or the current tab is reloaded, the search bar outline becomes visible, even though the cursor appears in the browser's search bar — which is not the desired behavior.
• However, if the user clicks on the search bar and then refreshes, the cursor appears in the extension's search bar with the outline active — this behavior is acceptable.

Hmm. Need to think more deeper. Let me try to fix it.

[prem-k-r]

I think we should discard this, as the browser's search bar cursor overrides it.

Instead implement that the search bar becomes active when clicked anywhere. I had done this last time when I was trying:

document.addEventListener("click", () => {
    const searchInput = document.getElementById("searchQ");
    searchInput.focus();
    searchbar.classList.add('active');
});

We just need to add a condition:
if (condition) {
// Check if the clicked element is a menu button
return; // Do nothing if the menu button is clicked
}

more conditions, when searchbar is already active and clicked AI tools or Google apps button then inactive the seachbar.
and also for usertext

[itz-rj-here]

I think we should discard this, as the browser's search bar cursor overrides it.

Instead implement that the search bar becomes active when clicked anywhere. I had done this last time when I was trying:

document.addEventListener("click", () => {
    const searchInput = document.getElementById("searchQ");
    searchInput.focus();
    searchbar.classList.add('active');
});

We just need to add a condition: if (condition) { // Check if the clicked element is a menu button return; // Do nothing if the menu button is clicked }

Let me still try to find something if i find something

[itz-rj-here]

I found a useless idea from gpt for the first time. GPT gave me this extention to make it focus.

https://chromewebstore.google.com/detail/search-box-focus/amgmdnojamodmpfjaokfgpijhpcednjm

[itz-rj-here]

I think we should discard this, as the browser's search bar cursor overrides it.

Instead implement that the search bar becomes active when clicked anywhere. I had done this last time when I was trying:

document.addEventListener("click", () => {
    const searchInput = document.getElementById("searchQ");
    searchInput.focus();
    searchbar.classList.add('active');
});

We just need to add a condition: if (condition) { // Check if the clicked element is a menu button return; // Do nothing if the menu button is clicked }

one more condition, when searchbar is already active and clicked AI tools or Google apps button then inactive the seachbar.

Actually the clicking anywhere to make the searchbar active is a worst idea actually for me.

[prem-k-r]

I found a useless idea from gpt for the first time. GPT gave me this extention to make it focus.

chromewebstore.google.com/detail/search-box-focus/amgmdnojamodmpfjaokfgpijhpcednjm

check out their github, if we can implement what we wants from it
https://github.com/MikesGlitch/Focus-First-Input/tree/master/src

[itz-rj-here]

I found a useless idea from gpt for the first time. GPT gave me this extention to make it focus.
chromewebstore.google.com/detail/search-box-focus/amgmdnojamodmpfjaokfgpijhpcednjm

check there github https://github.com/MikesGlitch/Focus-First-Input/tree/master/src

I already tried it. I don't still see any solution for this.
I think we should close this pr. I don't see any solution for this for now. As the chrome browser defaultly focuses to their searchbar.

What you think? If you agree i will close this pr.

[prem-k-r]

ok

[prem-k-r]

Great