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

**URL:** https://meta.discourse.org/t/word-disappears-when-searched-and-in-details-summary-kbd-b/25741
**Category:** Bug
**Created:** [2월 26, 2015, 4:48오후 UTC](https://meta.discourse.org/t/word-disappears-when-searched-and-in-details-summary-kbd-b/25741 "2015-02-26T16:48:29Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![FHTzoob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fhtzoob/32/37485_2.png) [@FHTzoob](https://meta.discourse.org/u/FHTzoob)
#### Post date: [2월 26, 2015, 4:48오후 UTC](https://meta.discourse.org/t/word-disappears-when-searched-and-in-details-summary-kbd-b/25741/1 "2015-02-26T16:48:29Z")

</div>

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:

 ![](https://global.discourse-cdn.com/meta/original/3X/b/0/b0ce16a76a4a42464b07172d423b2bed039ea5cc.png) 

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:

 ![](https://global.discourse-cdn.com/meta/original/3X/e/8/e8ad5846f168c1265faaed1ef3ecf772cea9dae7.png) 

Then when you search “staff”:

 ![](https://global.discourse-cdn.com/meta/original/3X/9/0/901ee7aa43fabf3867779489b5a1a8ad3357a2ac.png)

---

<div class="post-metadata">

### Author: ![FHTzoob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fhtzoob/32/37485_2.png) [@FHTzoob](https://meta.discourse.org/u/FHTzoob)
#### Post date: [2월 26, 2015, 4:49오후 UTC](https://meta.discourse.org/t/word-disappears-when-searched-and-in-details-summary-kbd-b/25741/2 "2015-02-26T16:49:25Z")

</div>

Try it yourself!

> **\*\*I think I found a bug\*\***
>

Now search “bug”! It will disappear.

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [2월 26, 2015, 4:53오후 UTC](https://meta.discourse.org/t/word-disappears-when-searched-and-in-details-summary-kbd-b/25741/3 "2015-02-26T16:53:00Z")

</div>

That is really cool!

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [2월 26, 2015, 7:34오후 UTC](https://meta.discourse.org/t/word-disappears-when-searched-and-in-details-summary-kbd-b/25741/4 "2015-02-26T19:34:10Z")

</div>

```plaintext
kbd * * {
  display: none;
}

```

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

---

<div class="post-metadata">

### Author: ![FHTzoob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fhtzoob/32/37485_2.png) [@FHTzoob](https://meta.discourse.org/u/FHTzoob)
#### Post date: [2월 26, 2015, 8:16오후 UTC](https://meta.discourse.org/t/word-disappears-when-searched-and-in-details-summary-kbd-b/25741/5 "2015-02-26T20:16:28Z")

</div>

please translate into English 😛

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [2월 26, 2015, 8:19오후 UTC](https://meta.discourse.org/t/word-disappears-when-searched-and-in-details-summary-kbd-b/25741/6 "2015-02-26T20:19:08Z")

</div>

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**

---

<div class="post-metadata">

### Author: ![FHTzoob](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fhtzoob/32/37485_2.png) [@FHTzoob](https://meta.discourse.org/u/FHTzoob)
#### Post date: [2월 26, 2015, 8:19오후 UTC](https://meta.discourse.org/t/word-disappears-when-searched-and-in-details-summary-kbd-b/25741/7 "2015-02-26T20:19:51Z")

</div>

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

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [2월 26, 2015, 8:20오후 UTC](https://meta.discourse.org/t/word-disappears-when-searched-and-in-details-summary-kbd-b/25741/8 "2015-02-26T20:20:25Z")

</div>

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

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [3월 2, 2015, 4:01오후 UTC](https://meta.discourse.org/t/word-disappears-when-searched-and-in-details-summary-kbd-b/25741/9 "2015-03-02T16:01:14Z")

</div>

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

[https://github.com/discourse/discourse/commit/2a7af5e718583efef800fcfe19640e85b3815407](https://github.com/discourse/discourse/commit/2a7af5e718583efef800fcfe19640e85b3815407)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [3월 2, 2015, 6:57오후 UTC](https://meta.discourse.org/t/word-disappears-when-searched-and-in-details-summary-kbd-b/25741/10 "2015-03-02T18:57:40Z")

</div>