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

<details><summary><kbd><b>

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:

https://github.com/discourse/discourse/commit/2a7af5e718583efef800fcfe19640e85b3815407


(Jeff Atwood) #10