[Windows] Ctrl+P .highlight markers font looks blurry on Windows

[jnachtigall]

I noticed this since a 3, 4 weeks. The highlighted, bold parts of the Search matches of Ctrl+P look blurry on Windows. No idea why, maybe some odd fonts settings. I also captured the browser.xul output, but cannot see anything obvious in the CSS:

See how bold, kinda ugly the bold api match looks. The letter spacing is kind of too narrow.

I looked at this also on Linux and there it looks fine.

PS Looking at the source I see that the match is hightlighted using <strong class="hightlight">. While this is not totally incorrect afaik, I think it should rather be <mark> to make it semantically 100% correct and better accessibly. By the way there's also https://github.com/bvaughn/react-highlight-words (which also uses mark not strong here).

[lukaszsobek]

/claim

[claim]

Thanks for claiming the issue! 👋

Here are some links for getting setup, contributing, and developing. We're always happy to answer questions in slack! If you become busy, feel free to /unclaim it.

🦊 Debugger team!

[lukaszsobek]

@jasonLaster I read up on the code and fuzzy-aldrin-plus uses strong internally. Technically it should accept options as its third parameter in which we are then able to set the way it highlights, but this options object seems to be completely ignored. Referring the issue: jeancroy/fuzz-aldrin-plus#37

[jasonLaster]

Thanks, lets see what they say

[lukaszsobek]

Merged. Closing.

[jnachtigall]

@lukaszsobek It still (or again) looks blurry on Nightly:

For instance, check the 4th entry PathUtils.js letters. So using <mark> instead of <strong> did not seem to have fixed the issue. I am on Windows 10.

Can you reopen?

PS Looks like the

.result-item .title .highlight {

    font-weight: bold;
}

causes this. I am not a fonts expert, but maybe the used font on Windows is not great for bold.