Word disappears when searched and in <details><summary<kbd><b>

(Filip) #1

Usually upon searching a word in the search tab, if the word is in the page you’re on it will be highlighted yellow, like this:

However today I was doing a lot of formatting and noticed that if the text is written inside


Then it disappears when searched.

For example:

Then when you search “staff”:

(Filip) #2

Try it yourself!

**I think I found a bug**

Now search “bug”! It will disappear.

(cpradio) #3

That is really cool!

(Kane York) #4
kbd * * {
  display: none;

You’ve got kbd -> strong -> span class="search-result"

(Filip) #5

please translate into English :stuck_out_tongue:

(cpradio) #6

CSS Rule what is happening, in short search is trying to put a highlight on your found word and the extra tag it places on your word causes kbd * * to run its display none rule.

Testing this again without the detail summary

(Filip) #7

Oo, it doesn’t have to be in details summary, just kbd and b.

(cpradio) #8

kbd with your specific text in 1 nested tag. b, i, u, s, whatever.

(Régis Hanol) #9

Thanks @FHTzoob for reporting that issue. I just pushed a fix for the CSS :bird:


(Jeff Atwood) #10