🐛 Fix text style change not being applied (#7036)

* 🐛 Fix text styles not being applied to current cursor

* 🔧 Add text file for bug 11552

* 📚 Update changelog

frontend/playwright/ui/specs/text-editor-v2.spec.js

@@ -0,0 +1,37 @@
+import { test, expect } from "@playwright/test";
+import { WorkspacePage } from "../pages/WorkspacePage";
+
+test.beforeEach(async ({ page }) => {
+  await WorkspacePage.init(page);
+  await WorkspacePage.mockConfigFlags(page, ["enable-feature-text-editor-v2"]);
+});
+
+test("BUG 11552 - Apply styles to the current caret", async ({ page }) => {
+  const workspace = new WorkspacePage(page);
+  await workspace.setupEmptyFile();
+  await workspace.mockGetFile("text-editor/get-file-11552.json");
+  await workspace.mockRPC(
+    "update-file?id=*",
+    "text-editor/update-file-11552.json",
+  );
+
+  await workspace.goToWorkspace();
+  await workspace.clickLeafLayer("Lorem ipsum");
+  await workspace.clickLeafLayer("Lorem ipsum");
+
+  const fontSizeInput = workspace.rightSidebar.getByRole("textbox", {
+    name: "Font Size",
+  });
+  await expect(fontSizeInput).toBeVisible();
+
+  await workspace.page.keyboard.press("Enter");
+  await workspace.page.keyboard.press("ArrowRight");
+
+  await fontSizeInput.fill("36");
+
+  await workspace.clickLeafLayer("Lorem ipsum");
+
+  // display Mixed placeholder
+  await expect(fontSizeInput).toHaveValue("");
+  await expect(fontSizeInput).toHaveAttribute("placeholder", "Mixed");
+});