binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-1736] fix: drag drop task list (#4959)

Browse source 
* fix: drag drop issues with h4,h5,h6,images and drag handle position in tables solved

* fix: drag drop fixed for task lists

* fix: drag drop fixed for task lists

* fix: drag drop task list items
This commit is contained in:
M. Palanikannan 2024-07-01 15:22:23 +05:30 • committed by GitHub
parent fa2cfbbb1b
commit f3347c5430
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 33 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
packages/editor/src/core/extensions/drag-drop.tsx
View file

@ -71,8 +71,8 @@ function nodeDOMAtCoords(coords: { x: number; y: number }) {
"blockquote",
"img",
"h1, h2, h3, h4, h5, h6",
".table-wrapper",
"[data-type=horizontalRule]",
".table-wrapper",
].join(", ");
for (const elem of elements) {
@ -120,7 +120,7 @@ function calcNodePos(pos: number, view: EditorView, node: Element) {
const $pos = view.state.doc.resolve(safePos);
if ($pos.depth > 1) {
if (node.matches("ul:not([data-type=taskList]) li, ol li")) {
if (node.matches("ul li, ol li")) {
// only for nested lists
const newPos = $pos.before($pos.depth);
return Math.max(0, Math.min(newPos, maxPos));

31
packages/editor/src/styles/drag-drop.css
View file

@ -75,6 +75,37 @@
border-radius: 4px;
}
/* for targetting the taks list items */
li.ProseMirror-selectednode:not(.dragging)[data-checked]::after {
margin-left: -5px;
}
/* for targetting the unordered list items */
ul > li.ProseMirror-selectednode:not(.dragging)::after {
margin-left: -10px; /* Adjust as needed */
}
/* Initialize a counter for the ordered list */
ol {
counter-reset: item;
}
/* for targetting the ordered list items */
ol > li.ProseMirror-selectednode:not(.dragging)::after {
counter-increment: item;
margin-left: -18px;
}
/* for targetting the ordered list items after the 9th item */
ol > li:nth-child(n + 10).ProseMirror-selectednode:not(.dragging)::after {
margin-left: -25px;
}
/* for targetting the ordered list items after the 99th item */
ol > li:nth-child(n + 100).ProseMirror-selectednode:not(.dragging)::after {
margin-left: -35px;
}
.ProseMirror img {
transition: filter 0.1s ease-in-out;
cursor: pointer;