@overlap/rte 1.0.7 → 1.0.9

package/dist/plugins/table.d.ts.map

@@ -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"}
+{"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

@@ -78,11 +78,18 @@
 .rte-toolbar-left {
     display: flex;
     gap: var(--rte-padding-xs);
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
     align-items: center;
     flex: 1;
 }
 
+.rte-toolbar-left::-webkit-scrollbar {
+    display: none;
+}
+
 .rte-toolbar-right {
     display: flex;
     gap: var(--rte-padding-xs);
@@ -99,9 +106,9 @@
     flex-shrink: 0;
 }
 
-/* Floating Toolbar (appears on text selection) */
+/* Floating Toolbar (appears on text selection, rendered via portal) */
 .rte-floating-toolbar {
-    z-index: 1001;
+    z-index: 10000;
     background: var(--rte-content-bg);
     border: 1px solid var(--rte-border-color);
     border-radius: 8px;
@@ -111,6 +118,8 @@
     padding: var(--rte-padding-xs);
     animation: rte-float-in 0.12s ease-out;
     pointer-events: auto;
+    max-width: calc(100vw - 16px);
+    overflow: hidden;
 }
 
 @keyframes rte-float-in {
@@ -128,6 +137,8 @@
     display: flex;
     align-items: center;
     gap: 2px;
+    min-width: 0;
+    max-width: 100%;
 }
 
 /* Toolbar Buttons - Ghost/Subtle Style */
@@ -293,10 +304,10 @@
 .rte-editor li[role="checkbox"]::after {
     content: "";
     position: absolute;
-    left: -40px;
+    left: -28px;
     top: 0;
-    width: 40px;
-    height: 100%;
+    width: 24px;
+    height: 22px;
     cursor: pointer;
     z-index: 100;
     pointer-events: auto;
@@ -356,7 +367,7 @@
 
 .rte-editor li[dir="rtl"][role="checkbox"]::after {
     left: auto;
-    right: -40px;
+    right: -28px;
 }
 
 /* Strikethrough support (Lexical uses <s> tag) */
@@ -425,21 +436,17 @@
     color: var(--rte-text-color);
 }
 
-/* Dropdown Menu - Modern Popover */
+/* Dropdown Menu - Modern Popover (rendered via portal into document.body) */
 .rte-dropdown-menu {
-    position: absolute;
-    top: calc(100% + 4px);
-    left: 0;
     background: var(--rte-content-bg);
     border: 1px solid var(--rte-border-color);
     border-radius: var(--rte-border-radius);
     box-shadow: var(--rte-shadow-popover);
-    z-index: 1000;
+    z-index: 10000;
     min-width: 180px;
     max-height: 320px;
     overflow-y: auto;
     padding: var(--rte-padding-sm);
-    margin-top: var(--rte-padding-xs);
 }
 
 .rte-dropdown-item {
@@ -800,12 +807,9 @@
     outline-offset: -2px;
 }
 
-/* Table Insert Dialog */
+/* Table Insert Dialog (rendered via portal into document.body) */
 .rte-table-insert-dialog {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: 1000;
+    z-index: 10000;
     background: var(--rte-content-bg);
     border: 1px solid var(--rte-border-color);
     border-radius: 8px;

package/dist/utils/content.d.ts.map

@@ -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"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@overlap/rte",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "A lightweight, extensible Rich Text Editor for React",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",