chore: add position sticky

Author: gjulivan

packages/pluggableWidgets/rich-text-web/src/components/toolbars/Toolbar.scss

@@ -3,9 +3,25 @@ $rte-gray-ligher: #f8f8f8 !default;
 $rte-brand-primary: #264ae5 !default;
 $rte-shadow-color: #00000014 !default;
 
-.widget-rich-text.toolbar-bottom {
-    .tiptap-wrapper {
-        flex-direction: column-reverse;
+.widget-rich-text {
+    &.toolbar-bottom {
+        .tiptap-wrapper {
+            flex-direction: column-reverse;
+        }
+    }
+
+    &.toolbar-auto {
+        &.form-control {
+            /* position sticky only works for overflow visible. this is to override form-control style */
+            overflow: visible;
+        }
+
+        .tiptap-toolbar {
+            position: sticky;
+            z-index: 50;
+            background-color: white;
+            top: 0;
+        }
     }
 }