fix: toggleList with validLiChildrenTypes (#1816)

* fix * fix * Create spotty-hotels-happen.md
udecode · Aug 24, 2022 · cbf00c0 · cbf00c0 · vercel · Aug 24, 2022
1 parent 943c9c6
commit cbf00c0
Show file tree

Hide file tree

Showing 8 changed files with 289 additions and 81 deletions.
diff --git a/.changeset/spotty-hotels-happen.md b/.changeset/spotty-hotels-happen.md
@@ -0,0 +1,5 @@
+---
+"@udecode/plate-list": patch
+---
+
+Fixes #1817
diff --git a/examples/apps/next/src/pages/_app.tsx b/examples/apps/next/src/pages/_app.tsx
@@ -16,7 +16,7 @@ export default function MyApp({ Component, pageProps }: any) {
     <div className="app">
       <Sidebar />
 
-      <div style={{ width: '100%' }}>
+      <div style={{ width: '100%', overflow: 'scroll' }}>
         <DndProvider backend={HTML5Backend}>
           <Component key={router.asPath} {...pageProps} />
         </DndProvider>

diff --git a/examples/src/styles.css b/examples/src/styles.css
@@ -17,6 +17,10 @@ td {
 
 .slate-HeadingToolbar {
   padding: 17px 60px !important;
+  position: fixed !important;
+  background: white !important;
+  z-index: 1000;
+  width: 100%;
 }
 
 .tippy-box[data-theme~='tomato'] {

diff --git a/packages/nodes/list/src/onKeyDownList.ts b/packages/nodes/list/src/onKeyDownList.ts
@@ -13,7 +13,7 @@ import {
 import isHotkey from 'is-hotkey';
 import { castArray } from 'lodash';
 import { Range } from 'slate';
-import { ELEMENT_LIC } from './createListPlugin';
+import { ELEMENT_LI } from './createListPlugin';
 import { moveListItems, toggleList } from './transforms';
 import { ListPlugin } from './types';
 
@@ -53,7 +53,7 @@ export const onKeyDownList = <
 
     // check if we're in a list context.
     const listSelected = someNode(editor, {
-      match: { type: getPluginType(editor, ELEMENT_LIC) },
+      match: { type: getPluginType(editor, ELEMENT_LI) },
     });
 
     if (workRange && listSelected) {