UnorderedListIcon not showing

[lovenangelo]

This is all my configuration for the editor but the bullet points icon is not showing

  <EditorProvider>
                    <Editor
                        containerProps={{
                            style: {
                                height: "250px",
                            },
                        }}
                        {...register("description")}
                        defaultValue={watch("description")}
                        value={watch("description")}
                        onChange={(e) => {
                            setDescription(e.target.value);
                            setValue("description", e.target.value);
                        }}
                    >
                        <Toolbar>
                            <BtnBold />
                            <BtnItalic />
                            <BtnUnderline />
                            <BtnBulletList />
                        </Toolbar>
                    </Editor>
                </EditorProvider>

this is the value on user input

"test

• test

"

[megahertz]

Check the troubleshooting section https://github.com/megahertz/react-simple-wysiwyg?tab=readme-ov-file#style-issues-no-list-item-bullets-wrong-link-styles-and-so-on

[toniswx]

If anyone have this problem using react + tailwind,this may serve you:

• add the styles in some divs

  <div className="rsw-ce h-0 ">
          <ul className="list-disc "></ul>
          <ol className="list-decimal "></ol>
     </div>

• add absolute to the rsw-ce so it does not show in the screen

  <div className="rsw-ce h-0 absolute">
         <ul className="list-disc "></ul>
         <ol className="list-decimal "></ol>
    </div>

• place the divs in the editor provider

<EditorProvider>
      <Editor value={value} onChange={onChange}>
        <Toolbar>
          <BtnBold />
          <Separator />

          <BtnItalic />
          <Separator />

          <BtnNumberedList />
          <Separator />
        </Toolbar>
        <div className="rsw-ce h-0 absolute">
          <ul className="list-disc "></ul>
          <ol className="list-decimal "></ol>
         </div>
      </Editor>
    </EditorProvider>