@plone/volto 17.11.1 → 17.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -17,6 +17,13 @@ myst:
17
17
 
18
18
  <!-- towncrier release notes start -->
19
19
 
20
+ ## 17.11.2 (2024-01-17)
21
+
22
+ ### Bugfix
23
+
24
+ - Merge the StyleWrapper styles with the draggable props from b-D&D. @sneridagh
25
+ This fixes the D&D bug introduced in https://github.com/plone/volto/pull/5581 [#5652](https://github.com/plone/volto/issues/5652)
26
+
20
27
  ## 17.11.1 (2024-01-17)
21
28
 
22
29
  ### Bugfix
@@ -0,0 +1,2 @@
1
+ Merge the StyleWrapper styles with the draggable props from b-D&D. @sneridagh
2
+ This fixes the D&D bug introduced in https://github.com/plone/volto/pull/5581
package/package.json CHANGED
@@ -9,7 +9,7 @@
9
9
  }
10
10
  ],
11
11
  "license": "MIT",
12
- "version": "17.11.1",
12
+ "version": "17.11.2",
13
13
  "repository": {
14
14
  "type": "git",
15
15
  "url": "git@github.com:plone/volto.git"
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plone/volto-slate",
3
- "version": "17.11.1",
3
+ "version": "17.11.2",
4
4
  "description": "Slate.js integration with Volto",
5
5
  "main": "src/index.js",
6
6
  "author": "European Environment Agency: IDM2 A-Team",
@@ -61,17 +61,22 @@ const EditBlockWrapper = (props) => {
61
61
  const classNames = buildStyleClassNamesFromData(data.styles);
62
62
  const style = buildStyleObjectFromData(data.styles);
63
63
 
64
+ // We need to merge the StyleWrapper styles with the draggable props from b-D&D
65
+ const styleMergedWithDragProps = {
66
+ ...draginfo.draggableProps,
67
+ style: { ...style, ...draginfo.draggableProps.style },
68
+ };
69
+
64
70
  return (
65
71
  <div
66
72
  ref={draginfo.innerRef}
67
- {...draginfo.draggableProps}
73
+ {...styleMergedWithDragProps}
68
74
  // Right now, we can have the alignment information in the styles property or in the
69
75
  // block data root, we inject the classname here for having control over the whole
70
76
  // Block Edit wrapper
71
77
  className={cx(`block-editor-${data['@type']}`, classNames, {
72
78
  [data.align]: data.align,
73
79
  })}
74
- style={style}
75
80
  >
76
81
  <div style={{ position: 'relative' }}>
77
82
  <div