Keyboard HTML tag sometimes suppressed in CSS

(Diego Barreiro) #1

There’s a little bug when using “a lot” of text formatting elements :sweat_smile:
Check this example:

Builder Version: 1.0.0 Makeroid Andromeda :star2:

You see that I’ve used the <kbd> tag, right?
Well, I’ve used some more things, but I can’t see them:

# <kbd> [Builder]( Version: `1.0.0` <small>[`Makeroid Andromeda`]( :star2: </small></kbd>

Why is the <small>[`Makeroid Andromeda`]( :star2: </small> part not being displayed?

(Joffrey Jaffeux) #2

Builder Version: 1.0.0 Makeroid Andromeda :star2:

remove the “`” around “Makeroid Andromeda”.

(Diego Barreiro) #3

But I want to show it as “code” :sweat_smile:
I know it’s working without it

(Joffrey Jaffeux) #4

Might be an issue on our end as it’s working on

Not sure we want to spend time debugging such an edgy case, what do you think @sam ?

Also here is a reduced repro:





(Mittineague) #5

The simple solution is to not nest HTML and Markdown eg.

<kbd> <a href="">Builder</a> Version:1.0.0<small><a href="">Makeroid Andromeda</a> :star2: </small></kbd>

Builder Version: 1.0.0 Makeroid Andromeda :star2:

(Joffrey Jaffeux) #6

No it’s still not the expected result. You are not wrapping “Makeroid Andromeda” in “`”

If I do this, it disappears as the other:
Builder Version: 1.0.0 Makeroid Andromeda :star2:

(Sam Saffron) #7

This is by design @awesomerobot added:

kbd * * * {
    display: none;

To protect us from all sorts of abuse vectors.

Note: on your forum you can remove the rule in a theme component, by overriding it, if you do not care for the abuse protection.

(Joffrey Jaffeux) #8