Overflow tooltip

packages/bbui/src/Popover/Popover.svelte

@@ -27,6 +27,7 @@
   export let clickOutsideOverride = false
   export let resizable = true
   export let wrap = false
+  export let overflow = false
 
   $: target = portalTarget || getContext(Context.PopoverRoot) || ".spectrum"
 
@@ -104,6 +105,7 @@
       class="spectrum-Popover is-open"
       class:customZindex
       class:hidden={!showPopover}
+      class:overflow
       role="presentation"
       style="height: {customHeight}; --customZindex: {customZindex};"
       transition:fly|local={{ y: -20, duration: animate ? 260 : 0 }}
@@ -122,6 +124,9 @@
     overflow: auto;
     transition: opacity 260ms ease-out;
   }
+  .spectrum-Popover.overflow {
+    overflow: visible;
+  }
   .hidden {
     opacity: 0;
     pointer-events: none;

packages/frontend-core/src/components/grid/controls/ColumnsSettingButton.svelte

@@ -31,7 +31,7 @@
   }
 
   const options = [
-    { icon: "Edit", value: PERMISSION_OPTIONS.WRITABLE, tooltip: "Writable" },
+    { icon: "Edit", value: PERMISSION_OPTIONS.WRITABLE, tooltip: "Writeable" },
     {
       icon: "VisibilityOff",
       value: PERMISSION_OPTIONS.HIDDEN,
@@ -61,7 +61,7 @@
   </ActionButton>
 </div>
 
-<Popover bind:open {anchor} align="left">
+<Popover bind:open {anchor} align="left" overflow>
   <div class="content">
     <div class="columns">
       {#if $stickyColumn}