fix(core): make PTE active by default

dev/test-studio/schema/standard/portableText/customBlockEditors.tsx

@@ -29,10 +29,10 @@ export const ptCustomBlockEditors = defineType({
     },
     {
       name: 'initialActive',
-      title: 'Activated on mount (no click required)',
+      title: 'Inactivate on mount (click required)',
       type: 'array',
       components: {
-        input: (props: PortableTextInputProps) => <BlockEditor {...props} initialActive />,
+        input: (props: PortableTextInputProps) => <BlockEditor {...props} initialActive={false} />,
       },
       of: [{type: 'block'}],
     },

packages/sanity/playwright-ct/tests/formBuilder/inputs/PortableText/Input.spec.tsx

@@ -8,7 +8,7 @@ import {InputStory} from './InputStory'
 test.describe('Portable Text Input', () => {
   test.describe('Activation', () => {
     test(`Show call to action on focus`, async ({mount}) => {
-      const component = await mount(<InputStory />)
+      const component = await mount(<InputStory ptInputProps={{initialActive: false}} />)
       const $portableTextInput = component.getByTestId('field-body')
       const $activeOverlay = $portableTextInput.getByTestId('activate-overlay')
 
@@ -18,7 +18,7 @@ test.describe('Portable Text Input', () => {
     })
 
     test(`Show call to action on hover`, async ({mount}) => {
-      const component = await mount(<InputStory />)
+      const component = await mount(<InputStory ptInputProps={{initialActive: false}} />)
       const $portableTextInput = component.getByTestId('field-body')
       const $activeOverlay = $portableTextInput.getByTestId('activate-overlay')
 
@@ -34,6 +34,14 @@ test.describe('Portable Text Input', () => {
       const $activeOverlay = $portableTextInput.getByTestId('activate-overlay')
       await expect($activeOverlay).not.toBeAttached()
     })
+
+    test(`Immediately activate on mount when 'initialActive' is unset`, async ({mount}) => {
+      const component = await mount(<InputStory />)
+
+      const $portableTextInput = component.getByTestId('field-body')
+      const $activeOverlay = $portableTextInput.getByTestId('activate-overlay')
+      await expect($activeOverlay).not.toBeAttached()
+    })
   })
 
   test.describe('Placeholder', () => {

packages/sanity/src/core/form/inputs/PortableText/PortableTextInput.tsx

@@ -149,7 +149,7 @@ export function PortableTextInput(props: PortableTextInputProps): ReactNode {
   const [ignoreValidationError, setIgnoreValidationError] = useState(false)
   const [invalidValue, setInvalidValue] = useState<InvalidValue | null>(null)
   const [isFullscreen, setIsFullscreen] = useState(initialFullscreen ?? false)
-  const [isActive, setIsActive] = useState(initialActive ?? false)
+  const [isActive, setIsActive] = useState(initialActive ?? true)
   const [hasFocusWithin, setHasFocusWithin] = useState(false)
   const [ready, setReady] = useState(false)
   const telemetry = useTelemetry()

packages/sanity/src/core/form/types/inputProps.ts

@@ -529,7 +529,7 @@ export interface PortableTextInputProps
   hotkeys?: HotkeyOptions
   /**
    * Whether the input is activated and should receive events on mount.
-   * By default, PTE inputs need to be manually activated by focusing them.
+   * By default, this value is set to `true`
    */
   initialActive?: boolean
   /**