Style Definitions Dropdown ignores element type

[idleog]

Description

I have following config.json

{
  "list": {
    "properties": {
      "reversed": true,
      "startIndex": true,
      "styles": false
    }
  },
  "style": {
    "definitions": [
      {
        "name": "Fussnote",
        "element": "p",
        "classes": [
          "fussnote"
        ]
      }
    ]
  },
  "removePlugins": [
    "Autoformat"
  ]
}

If I select Fussnote in the dropdown to a ul li item, it adds a p.paragraph within the li tag, which is really not what I want.
I expect that the style dropdown is disabled outside a p-tag, or at least that it is ignored outside p tag

• Craft version: 5.10.1
• PHP version: 8.3
• Database driver & version:
• Plugins & versions: CKEditor 5.6.1

[linear-code]

PT-3130

[i-just]

Hi, thanks for getting in touch! This behaviour comes from the CKEditor itself, and it sounds like this one: ckeditor/ckeditor5#15206.

In a nutshell, block elements are allowed inside CKEditor lists by default, which means that styles that only target p can be applied to them. It’s also down to how CKEditor operates under the hood - paragraph data model is used for more than just an actual paragraph tag (and list items are one of the things).

You can set list.multiBlock to false to disable multiple blocks in a list, which will prevent the p styles from being allowed in lists. For example:

{
  "list": {
    "properties": {
      "reversed": true,
      "startIndex": true,
      "styles": false
    },
    "multiBlock": false
  }
}

I hope this helps!