List Plugin Not Responsive in Plate Editor

[Adebesin-Cell]

Hi, great work on the editor, very cool stuff! I'm trying to work with the ListPlugin, but for some odd reason, it does not apply list formatting via the floating toolbar or editor's UI, even though the plugin is configured in usePlateEditor. Highlighted text fails to convert into a list.

This is my current configuration:

const editor = usePlateEditor({
  value: [INITIAL_VALUE],
  plugins: [
    ListPlugin,
    ListItemContentPlugin,
    IndentListPlugin.configure({
      inject: {
        targetPlugins: [ParagraphPlugin.key, HEADING_KEYS.h1, HEADING_KEYS.h2],
      },
    }),
    // Other plugins...
  ],
  override: {
    components: {
      [ListPlugin.key]: withProps(PlateElement, { as: "li" }),
    },
  },
});

Looking for insights or suggestions on resolving this issue.

[zbeyens]

Updated the code files in https://platejs.org/docs/list, see components/use-create-editor-list.ts

[Adebesin-Cell]

Updated the code files in platejs.org/docs/list, see components/use-create-editor-list.ts

Hi, thanks for your response! Just to clarify, are you suggesting that I should follow the example you mentioned? Or is there something specific you'd like me to adjust in my implementation?

[zbeyens]

Follow the example code, especially components/list-demo.tsx

[Adebesin-Cell]

Okay, thanks!

[Adebesin-Cell]

For some odd reasons, the issue got fixed without having to update anything 😅. Thanks a lot for your guide, if I notice anything odd I'll be sure to reach out again, thanks @zbeyens.