EditableTitle fails in CI

[joepio]

For some reason. the editableTitle selector e2e test fails only in the CI.

Error: page.fill: Error: Element is not an <input>, <textarea> or [contenteditable] element
    =========================== logs ===========================
    waiting for locator('[data-test="editable-title"]')
      locator resolved to <input value="localhost" placeholder="Untitled" data-te…/>
    elementHandle.fill("testdrive-3:05:27 PM")
      waiting for element to be visible, enabled and editable
    element was detached from the DOM, retrying
      locator resolved to <h1 title="Edit title" data-test="editable-title" cl…>…</h1>
    elementHandle.fill("testdrive-3:05:27 PM")
      waiting for element to be visible, enabled and editable
      Element is not an <input>, <textarea> or [contenteditable] element
    ============================================================

       at test-utils.ts:202

      200 |   await page.locator(editableTitle).click();
      201 |   await page.locator(`${editableTitle} > input`);
    > 202 |   await page.fill(editableTitle, title);

Also... Why doesnt the await page.locator(`${editableTitle} > input`); fail?