Merge pull request #1156 from deckgo/fix/inline-editor-ios

fix: inline editor ios and mobile overflow

Author: peterpeterparker

webcomponents/inline-editor/src/components/actions/color-actions/color-actions.scss

@@ -1,14 +1,11 @@
 :host {
   padding: 4px 0;
-
-  deckgo-color {
-    pointer-events: all;
-  }
 }
 
 :host(.deckgo-tools-mobile) {
   max-width: calc(100% - 54px);
-  --deckgo-overflow: scroll;
-  --deckgo-flex-wrap: nowrap;
-  --deckgo-color-width: 100%;
+  --deckgo-color-flex-wrap: nowrap;
+  --deckgo-color-width: fit-content;
+  pointer-events: all;
+  overflow: scroll;
 }

webcomponents/inline-editor/src/components/inline-editor/deckdeckgo-inline-editor.scss

@@ -70,7 +70,7 @@ div.deckgo-tools {
 
   &.deckgo-tools-sticky,
   &.deckgo-tools-mobile.deckgo-tools-sticky {
-    position: absolute;
+    position: fixed;
 
     /**
      * @prop --deckgo-inline-editor-sticky-bottom: The bottom attribute of the sticky toolbar

webcomponents/inline-editor/src/components/inline-editor/deckdeckgo-inline-editor.tsx

@@ -489,23 +489,6 @@ export class DeckdeckgoInlineEditor {
       }
 
       await this.setStickyPositionIOS();
-
-      if (window) {
-        window.addEventListener(
-          'scroll',
-          async () => {
-            await this.setStickyPositionIOS();
-          },
-          {passive: true}
-        );
-        window.addEventListener(
-          'resize',
-          async () => {
-            await this.reset(true, true);
-          },
-          {passive: true}
-        );
-      }
     });
   }
 
@@ -815,7 +798,7 @@ export class DeckdeckgoInlineEditor {
 
     await execCommand(this.selection, $event.detail, this.containers);
 
-    if ($event.detail.cmd === 'list') {
+    if ($event.detail.cmd === 'list' || isIOS()) {
       await this.reset(true);
     }