plate icon indicating copy to clipboard operation
plate copied to clipboard

createCodeBlockPlugin > Select 2 lines and click on CodeBlock trigger error "Cannot get the next path of a root path [], because it has no next index."

Open yertech opened this issue 4 years ago • 0 comments

Description

When you select two lines to convert it to a code block, there is an error `Cannot get the next path of a root path [], because it has no next index.``

NB : when you just select one line or a word, instead of creating a new code block with the selected words, it's creating an empty code block under the selection.

Recording ezgif com-gif-maker

Sandbox Tested on Sandbox

Steps

To reproduce the behavior:

  1. Go to the sandbox
  2. Select two lines
  3. Click on code button in the toolbar
  4. See error :
Error
Cannot get the next path of a root path [], because it has no next index.
▼ 22 stack frames were expanded.
Object.next
https://2mh1c.csb.app/node_modules/slate/dist/index.es.js:1934:13
    at insertEmptyCodeBlock (https://2mh1c.csb.app/node_modules/
udecode/slate-plugins-code-block/dist/index.es.js:500:46
    at eval (https://2mh1c.csb.app/node_modules/
udecode/slate-plugins-code-block-ui/dist/index.es.js:2311:45
HTMLUnknownElement.callCallback
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:2746:18
Object.invokeGuardedCallbackDev
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:2770:20
invokeGuardedCallback
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:2804:35
invokeGuardedCallbackAndCatchFirstError
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:2807:29
executeDispatch
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:5339:7
processDispatchQueueItemsInOrder
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:5359:11
processDispatchQueue
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:5368:9
dispatchEventsForPlugins
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:5376:7
eval
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:5499:16
batchedEventUpdates$1
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:15075:16
batchedEventUpdates
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:2626:16
dispatchEventForPluginEventSystem
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:5498:7
attemptToDispatchEvent
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:4051:7
dispatchEvent
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:4006:23
unstable_runWithPriority
https://2mh1c.csb.app/node_modules/scheduler/cjs/scheduler.development.js:646:12
runWithPriority$1
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:7417:14
discreteUpdates$1
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:15089:18
discreteUpdates
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:2636:16
dispatchDiscreteEvent
https://2mh1c.csb.app/node_modules/react-dom/cjs/react-dom.development.js:3987:7

Expectation

Insert the selected lines inside a code block element. Each line should be converted to a code block line element.

Environment

  • Slate Version: 1.0.0-alpha.25
  • Operating System: MacOs
  • Browser: Chrome

yertech avatar May 20 '21 03:05 yertech