dragon-editor 3.8.4 → 3.8.6

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/dist/module.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "nuxt": ">=3.0.0"
5
5
  },
6
6
  "configKey": "dragon-editor",
7
- "version": "3.8.4",
7
+ "version": "3.8.6",
8
8
  "builder": {
9
9
  "@nuxt/module-builder": "1.0.2",
10
10
  "unbuild": "3.6.1"
@@ -395,8 +395,6 @@ defineExpose({
395
395
  box-sizing: border-box;
396
396
  }
397
397
  .dragon-editor .de-body {
398
- display: flex;
399
- flex-direction: column;
400
398
  padding: 16px 20px;
401
399
  line-height: 1.6;
402
400
  }
@@ -1221,6 +1219,7 @@ defineExpose({
1221
1219
  text-decoration: line-through underline;
1222
1220
  }
1223
1221
  .dragon-editor .de-code {
1222
+ display: inline-block;
1224
1223
  padding: 2px 4px;
1225
1224
  background: #f1f1f1;
1226
1225
  color: #ff0000;
@@ -186,10 +186,7 @@ function structure() {
186
186
  * 노드 스타일
187
187
  */
188
188
  .dragon-editor-viewer {
189
- display: flex;
190
- flex-direction: column;
191
189
  width: 100%;
192
- height: 100%;
193
190
  line-height: 1.6;
194
191
  box-sizing: border-box;
195
192
  }
@@ -799,6 +796,7 @@ function structure() {
799
796
  text-decoration: line-through underline;
800
797
  }
801
798
  .dragon-editor-viewer .de-code {
799
+ display: inline-block;
802
800
  padding: 2px 4px;
803
801
  background: #f1f1f1;
804
802
  color: #ff0000;
@@ -183,8 +183,6 @@
183
183
  box-sizing: border-box;
184
184
  }
185
185
  .dragon-editor .de-body {
186
- display: flex;
187
- flex-direction: column;
188
186
  padding: 16px 20px;
189
187
  line-height: 1.6;
190
188
  }
@@ -1009,6 +1007,7 @@
1009
1007
  text-decoration: line-through underline;
1010
1008
  }
1011
1009
  .dragon-editor .de-code {
1010
+ display: inline-block;
1012
1011
  padding: 2px 4px;
1013
1012
  background: #f1f1f1;
1014
1013
  color: #ff0000;
@@ -159,10 +159,7 @@
159
159
  * 노드 스타일
160
160
  */
161
161
  .dragon-editor-viewer {
162
- display: flex;
163
- flex-direction: column;
164
162
  width: 100%;
165
- height: 100%;
166
163
  line-height: 1.6;
167
164
  box-sizing: border-box;
168
165
  }
@@ -772,6 +769,7 @@
772
769
  text-decoration: line-through underline;
773
770
  }
774
771
  .dragon-editor-viewer .de-code {
772
+ display: inline-block;
775
773
  padding: 2px 4px;
776
774
  background: #f1f1f1;
777
775
  color: #ff0000;
@@ -58,17 +58,17 @@ export function _decideWhetherOpenControlBar(store) {
58
58
  const targetRect = $element.getBoundingClientRect();
59
59
  let x = Math.floor(targetRect.left + targetRect.width / 2);
60
60
  let y = Math.floor(targetRect.top - 8 - 32);
61
+ if (y < 0) {
62
+ y = 44;
63
+ if (store.value.$parentWrap !== null && store.value.$editor !== null) {
64
+ const editorRect = store.value.$editor.getBoundingClientRect();
65
+ y += editorRect.top;
66
+ }
67
+ }
61
68
  if (store.value.controlStatus.hasTransformParent === true && store.value.controlStatus.$transformElement !== null) {
62
69
  const transformRect = store.value.controlStatus.$transformElement.getBoundingClientRect();
63
70
  x -= transformRect.left;
64
71
  y -= transformRect.top;
65
- if (store.value.$parentWrap !== null) {
66
- if (store.value.$parentWrap === window) {
67
- y += store.value.$parentWrap.scrollY;
68
- } else {
69
- y += store.value.$parentWrap.scrollTop;
70
- }
71
- }
72
72
  }
73
73
  store.value.controlBar.x = x;
74
74
  store.value.controlBar.y = y;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dragon-editor",
3
- "version": "3.8.4",
3
+ "version": "3.8.6",
4
4
  "description": "Javascript WYSIWYG editor in Nuxt!",
5
5
  "repository": {
6
6
  "type": "git",