Fix overflow

Author: Templarian

src/pg/overlayContextMenu/__examples__/basic/basic.html

@@ -1,5 +1,4 @@
 <div class="example">
-  <p>Options without radio check options</p>
   <div part="area" tabindex="0">
     Right Click or Context Menu Key
   </div>

src/pg/overlaySelectMenu/overlaySelectMenu.css

@@ -13,4 +13,4 @@
   left: calc(anchor(right) + 0.25rem);
   min-width: calc(anchor-size(width) + calc(2 * var(--pg-menu-padding, 0.25rem)));
   margin: var(--pg-overlay-menu-_y, 0) 0 0 var(--pg-overlay-menu-_x, 0);
-}
+}

src/pg/overlaySubMenu/overlaySubMenu.css

@@ -13,4 +13,16 @@
   left: calc(anchor(right) - 0.25rem);
   min-width: 10rem;
   translate: var(--pg-overlay-menu-_x, 0) var(--pg-overlay-menu-_y, 0);
+  position-try-fallbacks: --custom-right, --custom-left;
+  inset: auto;
+}
+
+@position-try --custom-right {
+  top: calc(anchor(top) - 0.25rem);
+  left: calc(anchor(right) - 0.25rem);
+}
+
+@position-try --custom-left {
+  top: calc(anchor(top) - 0.25rem);
+  left: calc(anchor(left) - anchor-size(width) + 0.25rem);
 }