Rich Text Editor bug with commands

Prismic for Content Creators
1

I am using safari so I can't make a recording with Jam Chrome extension. But I made normal screenrecording.

Describe your question/issue in detail

The rich text editor has a bug that it (sometimes) doesn't allow me to set Heading-levels and/or add links.

Impacted feature

Rich Text Editor

What steps have you taken to resolve this issue already?

Sign out and sign in, restart webbrowser

Errors

No errors are thrown in the browser. The functionality of the headings and links just doesn't work sometimes.

Your Role

Content editor

Steps to reproduce

Open a slice that has a Rich Text Editor as field and try to set a couple headings and/or links.

2

@ro.vdv Could you please share the model.json file for the slice you're working with?

3

Sorry for the late response. Please see the mode.json below.

{
  "id": "contact",
  "type": "SharedSlice",
  "name": "Contact",
  "description": "Contact",
  "variations": [
    {
      "id": "2ColTextForm",
      "name": "2 col - text / form",
      "docURL": "...",
      "version": "initial",
      "description": "Default",
      "imageUrl": "",
      "primary": {
        "heading": {
          "type": "Text",
          "config": {
            "label": "Heading",
            "placeholder": ""
          }
        },
        "heading_level": {
          "type": "Select",
          "config": {
            "label": "Heading level",
            "placeholder": "",
            "options": [
              "1",
              "2",
              "3",
              "4",
              "5",
              "6"
            ]
          }
        },
        "text": {
          "type": "StructuredText",
          "config": {
            "label": "Text",
            "placeholder": "",
            "allowTargetBlank": true,
            "multi": "paragraph,heading3,heading4,heading5,heading6,strong,em,hyperlink,list-item,o-list-item"
          }
        },
        "contrast": {
          "type": "Boolean",
          "config": {
            "label": "Contrast",
            "placeholder_false": "false",
            "placeholder_true": "true",
            "default_value": false
          }
        },
        "vestiging_id": {
          "type": "Text",
          "config": {
            "label": "Vestiging Id",
            "placeholder": ""
          }
        }
      },
      "items": {}
    },
    {
      "id": "2ColAddressMaps",
      "name": "2 col - address / maps",
      "docURL": "...",
      "version": "initial",
      "description": "Default",
      "imageUrl": "",
      "primary": {
        "heading": {
          "type": "Text",
          "config": {
            "label": "Heading",
            "placeholder": ""
          }
        },
        "heading_level": {
          "type": "Select",
          "config": {
            "label": "Heading level",
            "placeholder": "",
            "options": [
              "1",
              "2",
              "3",
              "4",
              "5",
              "6"
            ]
          }
        },
        "address": {
          "type": "StructuredText",
          "config": {
            "label": "Address",
            "placeholder": "",
            "allowTargetBlank": true,
            "single": "paragraph"
          }
        },
        "phone_number": {
          "type": "Text",
          "config": {
            "label": "Phone number",
            "placeholder": ""
          }
        },
        "access_times": {
          "type": "StructuredText",
          "config": {
            "label": "Access times",
            "placeholder": "",
            "allowTargetBlank": true,
            "multi": "paragraph,strong,em,list-item,o-list-item"
          }
        },
        "buttons": {
          "type": "Group",
          "config": {
            "label": "Buttons",
            "repeat": true,
            "fields": {
              "link": {
                "type": "Link",
                "config": {
                  "label": "Link",
                  "placeholder": "",
                  "select": null,
                  "allowTargetBlank": false,
                  "allowText": true,
                  "repeat": false
                }
              },
              "icon": {
                "type": "Text",
                "config": {
                  "label": "Icon",
                  "placeholder": "Search icons via: https://lucide.dev/icons/"
                }
              },
              "variant": {
                "type": "Select",
                "config": {
                  "label": "Variant",
                  "placeholder": "",
                  "options": [
                    "primary",
                    "secondary",
                    "tertiary",
                    "quaternary"
                  ],
                  "default_value": "primary"
                }
              }
            }
          }
        },
        "iframe": {
          "type": "Text",
          "config": {
            "label": "Iframe",
            "placeholder": ""
          }
        },
        "contrast": {
          "type": "Boolean",
          "config": {
            "label": "Contrast",
            "placeholder_false": "false",
            "placeholder_true": "true",
            "default_value": false
          }
        }
      },
      "items": {}
    },
    {
      "id": "2ColStatiegeldMaps",
      "name": "2 col - statiegeld / maps",
      "docURL": "...",
      "version": "initial",
      "description": "Default",
      "imageUrl": "",
      "primary": {
        "heading": {
          "type": "Text",
          "config": {
            "label": "Heading",
            "placeholder": ""
          }
        },
        "heading_level": {
          "type": "Select",
          "config": {
            "label": "Heading level",
            "placeholder": "",
            "options": [
              "1",
              "2",
              "3",
              "4",
              "5",
              "6"
            ]
          }
        },
        "address": {
          "type": "StructuredText",
          "config": {
            "label": "Address",
            "placeholder": "",
            "allowTargetBlank": true,
            "single": "paragraph"
          }
        },
        "phone_number": {
          "type": "Text",
          "config": {
            "label": "Phone number",
            "placeholder": ""
          }
        },
        "access_times": {
          "type": "StructuredText",
          "config": {
            "label": "Access times",
            "placeholder": "",
            "allowTargetBlank": true,
            "multi": "paragraph,strong,em,list-item,o-list-item"
          }
        },
        "failure": {
          "type": "Boolean",
          "config": {
            "label": "Failure",
            "placeholder_false": "false",
            "placeholder_true": "true",
            "default_value": false
          }
        },
        "in_maintenance": {
          "type": "Boolean",
          "config": {
            "label": "In maintenance",
            "placeholder_false": "false",
            "placeholder_true": "true",
            "default_value": false
          }
        },
        "buttons": {
          "type": "Group",
          "config": {
            "label": "Buttons",
            "repeat": true,
            "fields": {
              "link": {
                "type": "Link",
                "config": {
                  "label": "Link",
                  "placeholder": "",
                  "select": null,
                  "allowTargetBlank": false,
                  "allowText": true,
                  "repeat": false
                }
              },
              "icon": {
                "type": "Text",
                "config": {
                  "label": "Icon",
                  "placeholder": "Search icons via: https://lucide.dev/icons/"
                }
              },
              "variant": {
                "type": "Select",
                "config": {
                  "label": "Variant",
                  "placeholder": "",
                  "options": [
                    "primary",
                    "secondary",
                    "tertiary",
                    "quaternary"
                  ],
                  "default_value": "primary"
                }
              }
            }
          }
        },
        "iframe": {
          "type": "Text",
          "config": {
            "label": "Iframe",
            "placeholder": ""
          }
        },
        "contrast": {
          "type": "Boolean",
          "config": {
            "label": "Contrast",
            "placeholder_false": "false",
            "placeholder_true": "true",
            "default_value": false
          }
        }
      },
      "items": {}
    }
  ]
}
5

Hi @ro.vdv,

I can't see anything in your model.json that might be causing this, have you tried in different browsers? Is this happening on just this page or multiple ones? Are you the sole user of your repository?

6

Hi @Ezekiel,

Yes I tried different browsers and different pc's. At home and at the office I have this bug. It's happening on multiple pages but I can not find a pattern...

7

Can you record your issue with this Chrome plugin? It will give us the dev information needed to debug, and you can remove it once you’re done.