fix(edgeless): note toolbar position (toeverything#3241)

Flrande · Jun 29, 2023 · 187b91a · 187b91a
1 parent f3ccacb
commit 187b91a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/packages/blocks/src/page-block/edgeless/components/rects/edgeless-selected-rect.ts b/packages/blocks/src/page-block/edgeless/components/rects/edgeless-selected-rect.ts
@@ -256,14 +256,12 @@ export class EdgelessSelectedRect extends WithDisposable(LitElement) {
  if (!componentToolbar) return;
 
  computePosition(this._selectedRect, componentToolbar, {
- placement: 'top',
+ placement: 'top-start',
  middleware: [
  offset({
- mainAxis: 12,
- }),
- flip({
- fallbackPlacements: ['bottom'],
+ mainAxis: 8,
  }),
+ flip(),
  ],
  }).then(({ x, y }) => {
  Object.assign(componentToolbar.style, {

diff --git a/tests/utils/actions/edgeless.ts b/tests/utils/actions/edgeless.ts
@@ -698,7 +698,7 @@ export async function initThreeOverlapFilledShapes(page: Page) {
  end: { x: 260, y: 260 },
  };
  await addBasicRectShapeElement(page, rect2.start, rect2.end);
- await page.mouse.click(rect1.start.x + 5, rect1.start.y + 5);
+ await page.mouse.click(rect2.start.x + 5, rect2.start.y + 5);
  await triggerComponentToolbarAction(page, 'changeShapeFillColor');
  await changeShapeFillColor(page, '--affine-palette-shape-white');
 }