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

Find mode not working within HTML <code> blocks that separate spaces with <span>s #4623

Open
alastairsounds opened this issue Feb 6, 2025 · 0 comments

Comments

@alastairsounds
Copy link

Bug Description

Entering find mode via /, I am unable to match text with spaces in HTML code blocks. Looking into the code, the HTML doesn't actually connect the text (typically for styling reasons like so):

<span class="line">
  <span style="color: var(--color-pink-400)">npm</span><span style="color: var(--color-sky-300)"> install</span>
  <span style="color: var(--color-sky-300)"> tailwindcss</span>
  <span style="color: var(--color-sky-300)"> @tailwindcss/vite</span>
</span>

To Reproduce

Steps to reproduce the behavior:

  1. Go to https://tailwindcss.com/docs/installation/using-vite
  2. Type / to "Enter find mode"
  3. Type npm install to try to find the text npm install tailwindcss @tailwindcss/vite

Image

Image

Browser and Vimium version

Chrome Version: 132.0.6834.160 (Official Build) (64-bit) (cohort: Stable)
Vimium Version: 2.1.2

Notes

I've tested with "Treat find queries as JavaScript regular expressions" set to true and false, still doesn't work. I'm wondering if there's some regex I can remember to include that matches spans, but am thinking it's probably something more complex considering the spans split up the text.

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

No branches or pull requests

1 participant