Text tooltip positioning issue in code block

[OlegDev1]

What happened?

Text tooltip behaves incorrectly when selecting long text in code block. To reproduce the issue, paste long text and select all of it.

Video demonstrating the issue:

Screen.Recording.2025-01-01.at.18.54.41.mp4

Distribution version

Web (app.affine.pro)

What browsers are you seeing the problem on if you're using web version?

Chrome, Firefox

Are you self-hosting?

• Yes

Relevant log output

No response

Anything else?

Part of the code that is responsible for the current behavior (floating-ui library is used):

AFFiNE/blocksuite/blocks/src/root-block/widgets/format-bar/format-bar.ts

Lines 252 to 280 in 4be031b

	autoUpdate(
	initialElement,
	formatQuickBarElement,
	() => {
	const element = getElement();
	if (!element) return;
	computePosition(element, formatQuickBarElement, {
	placement: this._placement,
	middleware: [
	offset(10),
	inline(),
	shift({
	padding: 6,
	}),
	],
	})
	.then(({ x, y }) => {
	formatQuickBarElement.style.display = 'flex';
	formatQuickBarElement.style.top = `${y}px`;
	formatQuickBarElement.style.left = `${x}px`;
	})
	.catch(console.error);
	},
	{
	// follow edgeless viewport update
	animationFrame: true,
	}
	)