Is this supposed to render <input> tags for checklists?

[GavanWilhite]

I'm feeding this plugin into remark, but I'm not seeing any checkboxes like it shows in the readme. Is this intended?

[ChristianMurphy]

Welcome @GavanWilhite! 👋
Which plugin? What are you feeding in? And how are you using the plugin?

[GavanWilhite]

Ah, I'm sorry. I may have posted in the wrong place.

I'm using remarkGfm FWIW

<ChakraReactMarkdown remarkPlugins={[remarkGfm]} linkTarget="_blank" allowedElements={['p', 'br', 'ul', 'ol', 'li', 'strong', 'em', 'table', 'thead', 'tbody', 'tr', 'td', 'th', 'code']}>{message.content}</ChakraReactMarkdown>

[ChristianMurphy]

It should and it does.
An example of how it works with react-markdown which is also maintained by the remark and remark-gfm team.

import Markdown from 'react-markdown';
import remarkGfm from 'remark-gfm';

const markdownSource = `
- [ ] unchecked checkbox
- [x] checked checkbox
`;

function App() {
  return <Markdown remarkPlugins={[remarkGfm]}>{markdownSource}</Markdown>;
}

export default App;

Runnable Sandbox: https://stackblitz.com/edit/github-qq6ok1?file=src%2Fapp.tsx

The issue is likely in ChakraReactMarkdown and its customizations to react-markdown or because you have not included input in your list of allowed elements.

[GavanWilhite]

Ah you are indeed correct. Apologies, it was the simple fact that I didn't have inputlisted in allowed elements.

Is there a simple way to have them be 'enabled'?

[ChristianMurphy]

Is there a simple way to have them be 'enabled'?

What are "them" and why do they need to be enabled?

[GavanWilhite]

The <input> tags render as disabled

I'm building a coaching app and I'd like users to be able to check them off as they complete them.

[ChristianMurphy]

Check boxes are indeed disabled.
This can be customized with a rehype plugin https://unifiedjs.com/learn/
Visit each check box and remove or replace the disabled property https://github.com/syntax-tree/unist-util-visit and https://github.com/syntax-tree/hast#element

[GavanWilhite]

Thanks Christian!

…

On Sun, Aug 13, 2023 at 9:20 PM Christian Murphy ***@***.***> wrote: Check boxes are indeed disabled. This can be customized with a rehype plugin https://unifiedjs.com/learn/ Visit each check box and remove or replace the disabled property https://github.com/syntax-tree/unist-util-visit and https://github.com/syntax-tree/hast#element — Reply to this email directly, view it on GitHub <#1205 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAP5B74K47YBWXTA7RNBEODXVGRSVANCNFSM6AAAAAA3MJNR2I> . You are receiving this because you were mentioned.Message ID: ***@***.***>