Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Search modal loses focus when first clicked in input #9295

Closed
leocsi opened this issue Oct 5, 2023 · 3 comments
Closed

Search modal loses focus when first clicked in input #9295

leocsi opened this issue Oct 5, 2023 · 3 comments
Labels

Comments

@leocsi
Copy link

leocsi commented Oct 5, 2023

Describe the bug

This only happens when the page is first loaded/reloaded. The component in question is the search bar on the top of the page. When I click in there, it brings up the search box in the middle of the screen. After typing one letter, this loses focus, and typing more letters will not be input,before manually clicking into the box. After escaping out of this box and clicking in the search bar on top of the page again, the box now works fine, without losing focus.
However, if I refresh the page, the issue starts again. Not a major thing, just slightly annoying.

Reproduction

  1. Go to Svelte main page (or any other page with a search bar on top I think).
  2. Click in search bar on top.
  3. Observe search box losing focus after first letter typed.
  4. Escape search box.
  5. Click in search bar again.
  6. Search box now works well without losing focus.
  7. Refresh page.
  8. Repeat from step 2.

Logs

Autofocus processing was blocked because a document already has a focused element.

System Info

System:
    OS: Windows 10 10.0.22621
    CPU: (8) x64 Intel(R) Core(TM) i5-8265U CPU @ 1.60GHz
    Memory: 1.72 GB / 7.85 GB
  Binaries:
    Node: 18.12.1 - C:\Program Files\nodejs\node.EXE
    npm: 8.19.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.22621.2283.0), Chromium (117.0.2045.36)

Severity

annoyance

@gtm-nayan
Copy link
Contributor

@leocsi Can you share a screen capture? I can't replicate the issue on Edge or Firefox, it stays focused for me.

@gtm-nayan gtm-nayan added the site label Oct 7, 2023
@leocsi
Copy link
Author

leocsi commented Oct 23, 2023

@gtm-nayan I've started doing a screen capture, and I've noticed that this doesn't happen in incognito mode or in a guest account, so the issue might be unrelated to Svelte, and it might lie in one of the plugins i have installed, or some other setting related to my account. I'm using Chrome by the way. If you think this is worth investigating further, I'll add a screen capture.

@dummdidumm
Copy link
Member

Closing due to lack of reproduction / we can't reproduce this. The site has been rebuilt, it may very well be fixed now.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants