How to tell a field in rendered inside a drawer/modal form or not?

Stupidism

10 months ago

1 1

    const documentInfo = useDocumentInfo();

    const isUpdateRef = useRef(!!documentInfo.id);

• Selected Answer
  

  Stupidism

  10 months ago

  For now, what I can find is to use the formRef to find the closest dialog element.

  
      const form = useForm();
      const documentInfo = useDocumentInfo();
  
      const isUpdateRef = useRef(
        !!documentInfo.id && !form.formRef.current.closest('dialog')
      );
  

  3 replies
• 

  DanRibbens

  Payload Team

  10 months ago

  Nice work figuring out a solution. I'd like to see Payload have a built-in solution for handling multiple forms from the provider. I'm adding the "enhancement" label so we can revisit this problem later.

• 

  jmikrut

  Payload Team

  10 months ago

  You can use useEditDepth to determine how deeply nested the form is 👍

  It's not "officially" exported yet but you can access it directly from dist in the meantime if you'd like. Also, @Stupidism we would be happy to accept a PR that adds useEditDepth to our /components/forms export!

• 

  Stupidism

  10 months ago

  @jmikrut I'm not sure if I should export it from forms or utilities. The current PR respects the code instead of your suggestion. Tell me if you want it changed. #1350