Formik modal

[moshloop]

Goals:

• set size, open, title, help, show, on, initialValues from inside the modal children
• get the modal inner body height for sizing of code editors i.e. insde the child, get height of other form fields with a ref on their wrapping div, then set height on code editor to fill reminainig
• buttons should always be pinned to footer, and have consistent styling

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
flanksource-ui	❌ Failed (Inspect)		Jul 3, 2024 9:04am

[netlify[bot]]

❌ Deploy Preview for clerk-saas-ui failed.

Name	Link
🔨 Latest commit	7f245e1eebd789d30dcac9c038b9c5cf6271c1dc
🔍 Latest deploy log	https://app.netlify.com/sites/clerk-saas-ui/deploys/668513b0e81d6e0008e70bbb

[netlify[bot]]

❌ Deploy Preview for goofy-euclid-75956c failed.

Name	Link
🔨 Latest commit	7f245e1eebd789d30dcac9c038b9c5cf6271c1dc
🔍 Latest deploy log	https://app.netlify.com/sites/goofy-euclid-75956c/deploys/668513b0fe5112000869fedd

[netlify[bot]]

❌ Deploy Preview for flanksource-demo-stable failed.

Name	Link
🔨 Latest commit	7f245e1eebd789d30dcac9c038b9c5cf6271c1dc
🔍 Latest deploy log	https://app.netlify.com/sites/flanksource-demo-stable/deploys/668513b0dbf8420008fdef9d

[mainawycliffe]

@moshloop initialValues can only be set once in formik, before initialization, not after, when the form is loaded, you would need to update values, which you can do with the FormikContext, which you can setFieldValues, with the fields you need to update. I think we need to try and not deviate from this standard usage, which is already established, as long as the child component is inside a Formik form, it has access to the FormikContext and can be used to manipulate form values.