Failing browserstack test before main merge

package.json

@@ -42,7 +42,7 @@
     "deploy:staging2": "yarn lint && yarn build && firebase hosting:channel:deploy staging2 --expires 30d",
     "lint:lockfile": "npx lockfile-lint",
     "lint:no-npm": "node ./scripts/no-files.js package-lock.json",
-    "lint:src": "FORCE_COLOR=1 eslint . --cache --rule 'no-console: [2, { allow: [error, info, warn] }]'",
+    "lint:src": "FORCE_COLOR=1 NODE_OPTIONS=--max-old-space-size=4096 eslint . --cache --rule 'no-console: [2, { allow: [error, info, warn] }]'",
     "lint:tsc": "tsc",
     "lint": "FORCE_COLOR=1 npm-run-all --serial \"lint:*\"",
     "postinstall": "yarn build:packages && git config core.hooksPath .hooks && yarn build:styles",

src/e2e/iOS/__tests__/caret.ts

@@ -16,6 +16,7 @@ import newThought from '../helpers/newThought'
 import paste from '../helpers/paste'
 import tap from '../helpers/tap'
 import waitForEditable from '../helpers/waitForEditable'
+import waitForElement from '../helpers/waitForElement'
 import waitUntil from '../helpers/waitUntil'
 
 // tests succeeds individually, but fails when there are too many tests running in parallel
@@ -251,4 +252,26 @@ describe('Caret', () => {
     expect(selectionTextContent).toBe('new')
     expect(childrenTexts).toEqual(['foo', 'bar'])
   })
+
+  it('Focus is prevented after clearing the cursor', async () => {
+    await newThought('Hello')
+    await hideKeyboardByTappingDone()
+
+    const homeNodeHandle = await waitForElement('[data-testid="home"]')
+    await tap(homeNodeHandle)
+
+    await tap(await waitForEditable('Hello'), { horizontalTapLine: 'right', x: 20 + 6, y: 60, pointerType: 'touch' })
+
+    // Wait for focus to be cleared and activeElement to be body
+    await waitUntil(async () => {
+      const isBody = await browser.execute(() => document.activeElement === document.body)
+      const nodeType = await browser.execute(() => document.activeElement?.nodeType)
+      console.info('activeElement check - isBody:', isBody, 'nodeType:', nodeType)
+      return isBody
+    })
+
+    const activeElementIsBody = await browser.execute(() => document.activeElement === document.body)
+    console.info('Final check - activeElementIsBody:', activeElementIsBody)
+    expect(activeElementIsBody).toBe(true)
+  })
 })

src/e2e/iOS/helpers/tap.ts

@@ -5,6 +5,8 @@ import type { Element } from 'webdriverio'
 interface Options {
   // Where in the horizontal line (inside) of the target node should be tapped
   horizontalTapLine?: 'left' | 'right'
+  // Pointer type to use for the tap action. Defaults to 'mouse'.
+  pointerType?: 'mouse' | 'touch'
   // Specify specific node on editable to tap. Overrides horizontalClickLine
   offset?: number
   // Number of pixels of x offset to add to the tap coordinates
@@ -21,7 +23,7 @@ interface Options {
  */
 const tap = async (
   nodeHandle: Element,
-  { horizontalTapLine = 'left', offset, x = 0, y = 0, releaseDelayMs = 100 }: Options = {},
+  { horizontalTapLine = 'left', offset, x = 0, y = 0, pointerType = 'mouse', releaseDelayMs = 100 }: Options = {},
 ) => {
   // Ensure element exists and has an elementId
   const exists = await nodeHandle.isExisting()
@@ -98,7 +100,7 @@ const tap = async (
     {
       type: 'pointer',
       id: 'pointer1',
-      parameters: { pointerType: 'mouse' },
+      parameters: { pointerType },
       actions: [
         {
           type: 'pointerMove',