Multiple backticks (`) in Input component

[haleedev]

Hello 👋 Question on using multiple backticks (```) inside the Input component

We have a use case where we allow users to type in code by surrounding the text with three backticks on both sides (code)

We are currently seeing this this is not possible in Paste's Input component (only allows for one backtick). My assumption is that this is done on purpose, so I was wondering if there is a way to get around this?

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Do we have any guidance on special characters for input fields? (updated: 03/21/2023, similarity score: 86%)
• Text Formatting - Code Block - Answer (updated: 11/22/2022, similarity score: 85%)
• Is there a way to change the color of text in the InlineCode component? - Answer (updated: 06/21/2023, similarity score: 85%)

[SiTaggart]

Hey @haleedev

Thanks for spotting this. This is actually a bug in the Twilio Sans Font itself, where backticks take up zero space as a character.

We had this problem with the Mono space font which the type designers fixed. We just assumed they would have fixed it with the other font variants.

We'll need to get a new version and upload it to the CDN. It'll probably get fixed without any need for an update.

If you switch the font in CSS you will see then backticks are actually all there in the value.

[SiTaggart]

Fix incoming #3736

[SiTaggart]

A fix was released in Core v20.8.0