@overlap/rte 1.0.8 → 1.0.10

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.
@@ -1 +1 @@
1
- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/plugins/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAA0B,MAAM,EAAE,MAAM,UAAU,CAAC;AAoR1D,eAAO,MAAM,WAAW,EAAE,MAczB,CAAC;AAMF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CA6BA,CAAC"}
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/plugins/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,OAAO,EAA0B,MAAM,EAAE,MAAM,UAAU,CAAC;AAsT1D,eAAO,MAAM,WAAW,EAAE,MAczB,CAAC;AAMF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CA6BA,CAAC"}
package/dist/styles.css CHANGED
@@ -78,11 +78,18 @@
78
78
  .rte-toolbar-left {
79
79
  display: flex;
80
80
  gap: var(--rte-padding-xs);
81
- flex-wrap: wrap;
81
+ flex-wrap: nowrap;
82
+ overflow-x: auto;
83
+ scrollbar-width: none;
84
+ -ms-overflow-style: none;
82
85
  align-items: center;
83
86
  flex: 1;
84
87
  }
85
88
 
89
+ .rte-toolbar-left::-webkit-scrollbar {
90
+ display: none;
91
+ }
92
+
86
93
  .rte-toolbar-right {
87
94
  display: flex;
88
95
  gap: var(--rte-padding-xs);
@@ -99,9 +106,9 @@
99
106
  flex-shrink: 0;
100
107
  }
101
108
 
102
- /* Floating Toolbar (appears on text selection) */
109
+ /* Floating Toolbar (appears on text selection, rendered via portal) */
103
110
  .rte-floating-toolbar {
104
- z-index: 1001;
111
+ z-index: 10000;
105
112
  background: var(--rte-content-bg);
106
113
  border: 1px solid var(--rte-border-color);
107
114
  border-radius: 8px;
@@ -111,6 +118,8 @@
111
118
  padding: var(--rte-padding-xs);
112
119
  animation: rte-float-in 0.12s ease-out;
113
120
  pointer-events: auto;
121
+ max-width: calc(100vw - 16px);
122
+ overflow: hidden;
114
123
  }
115
124
 
116
125
  @keyframes rte-float-in {
@@ -128,6 +137,8 @@
128
137
  display: flex;
129
138
  align-items: center;
130
139
  gap: 2px;
140
+ min-width: 0;
141
+ max-width: 100%;
131
142
  }
132
143
 
133
144
  /* Toolbar Buttons - Ghost/Subtle Style */
@@ -425,21 +436,17 @@
425
436
  color: var(--rte-text-color);
426
437
  }
427
438
 
428
- /* Dropdown Menu - Modern Popover */
439
+ /* Dropdown Menu - Modern Popover (rendered via portal into document.body) */
429
440
  .rte-dropdown-menu {
430
- position: absolute;
431
- top: calc(100% + 4px);
432
- left: 0;
433
441
  background: var(--rte-content-bg);
434
442
  border: 1px solid var(--rte-border-color);
435
443
  border-radius: var(--rte-border-radius);
436
444
  box-shadow: var(--rte-shadow-popover);
437
- z-index: 1000;
445
+ z-index: 10000;
438
446
  min-width: 180px;
439
447
  max-height: 320px;
440
448
  overflow-y: auto;
441
449
  padding: var(--rte-padding-sm);
442
- margin-top: var(--rte-padding-xs);
443
450
  }
444
451
 
445
452
  .rte-dropdown-item {
@@ -800,12 +807,9 @@
800
807
  outline-offset: -2px;
801
808
  }
802
809
 
803
- /* Table Insert Dialog */
810
+ /* Table Insert Dialog (rendered via portal into document.body) */
804
811
  .rte-table-insert-dialog {
805
- position: absolute;
806
- top: 100%;
807
- left: 0;
808
- z-index: 1000;
812
+ z-index: 10000;
809
813
  background: var(--rte-content-bg);
810
814
  border: 1px solid var(--rte-border-color);
811
815
  border-radius: 8px;
@@ -871,7 +875,7 @@
871
875
 
872
876
  /* Table Context Menu */
873
877
  .rte-table-context-menu {
874
- z-index: 1000;
878
+ z-index: 10000;
875
879
  background: var(--rte-content-bg);
876
880
  border: 1px solid var(--rte-border-color);
877
881
  border-radius: 8px;
@@ -918,7 +922,7 @@
918
922
  ═══════════════════════════════════════════════════════════════════ */
919
923
 
920
924
  .rte-link-dialog {
921
- z-index: 1000;
925
+ z-index: 10000;
922
926
  background: var(--rte-content-bg, white);
923
927
  border: 1px solid var(--rte-border-color);
924
928
  border-radius: 10px;
@@ -1193,7 +1197,7 @@
1193
1197
 
1194
1198
  .rte-link-tooltip {
1195
1199
  position: fixed;
1196
- z-index: 1002;
1200
+ z-index: 10000;
1197
1201
  background: var(--rte-content-bg);
1198
1202
  border: 1px solid var(--rte-border-color);
1199
1203
  border-radius: 6px;
@@ -1 +1 @@
1
- {"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../src/utils/content.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAc,MAAM,UAAU,CAAC;AA4CrD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,aAAa,CAyVhE;AAED;;GAEG;AACH,wBAAgB,YAAY,CACxB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,WAAW,EACtB,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC,EACF,qBAAqB,CAAC,EAAE,CACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,KAAK,CAAC,SAAS,KACxB,KAAK,CAAC,SAAS,GACrB,IAAI,CAoIN;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,aAAa,CAIlD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM,CAI5D;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,aAAa,CAK/D"}
1
+ {"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../src/utils/content.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAc,MAAM,UAAU,CAAC;AA4CrD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,aAAa,CAoYhE;AAED;;GAEG;AACH,wBAAgB,YAAY,CACxB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,WAAW,EACtB,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC,EACF,qBAAqB,CAAC,EAAE,CACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,KAAK,CAAC,SAAS,KACxB,KAAK,CAAC,SAAS,GACrB,IAAI,CAoIN;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,aAAa,CAIlD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM,CAI5D;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,aAAa,CAK/D"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@overlap/rte",
3
- "version": "1.0.8",
3
+ "version": "1.0.10",
4
4
  "description": "A lightweight, extensible Rich Text Editor for React",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",