fix(pte): PTE inline block object modal closing on validation state changes (#6113)

Author: pedrobonamin

dev/test-studio/schema/standard/portableText/allTheBellsAndWhistles.ts

@@ -88,11 +88,36 @@ export const ptAllTheBellsAndWhistlesType = defineType({
                     type: 'string',
                     name: 'color',
                     title: 'Color',
+                    validation: (rule: Rule) => rule.required(),
                   },
                 ],
               },
             ],
           },
+          of: [
+            defineField({
+              type: 'object',
+              name: 'inlineImage',
+              preview: {
+                select: {
+                  media: 'asset',
+                },
+              },
+              fields: [
+                defineField({
+                  name: 'inlineImage',
+                  type: 'image',
+                  title: 'Inline image',
+                }),
+                defineField({
+                  name: 'caption',
+                  type: 'string',
+                  title: 'Caption',
+                  validation: (rule) => rule.required(),
+                }),
+              ],
+            }),
+          ],
         }),
 
         defineField({
@@ -106,14 +131,14 @@ export const ptAllTheBellsAndWhistlesType = defineType({
           preview: {
             select: {
               media: 'asset',
-              title: 'caption',
             },
           },
           fields: [
             defineField({
               title: 'Caption',
               name: 'caption',
               type: 'string',
+              validation: (rule) => rule.required(),
             }),
             {
               name: 'alt',

packages/sanity/src/core/form/inputs/PortableText/object/InlineObject.tsx

@@ -211,7 +211,8 @@ export const InlineObject = (props: InlineObjectProps) => {
         <Tooltip
           placement="bottom"
           portal="editor"
-          disabled={!tooltipEnabled}
+          // If the object modal is open, disable the tooltip to avoid it rerendering the inner items when the validation changes.
+          disabled={isOpen ? true : !tooltipEnabled}
           content={toolTipContent}
         >
           {/* This relative span must be here for the ToolTip to properly show */}
@@ -221,7 +222,14 @@ export const InlineObject = (props: InlineObjectProps) => {
         </Tooltip>
       </span>
     ),
-    [componentProps, memberItem?.elementRef, renderInlineBlock, toolTipContent, tooltipEnabled],
+    [
+      componentProps,
+      memberItem?.elementRef,
+      renderInlineBlock,
+      toolTipContent,
+      tooltipEnabled,
+      isOpen,
+    ],
   )
 }