From 9563b9b486ee29640fd85c590e9cc0c1e2a10862 Mon Sep 17 00:00:00 2001 From: Leon Dixon Date: Wed, 9 Oct 2024 14:11:06 +0100 Subject: [PATCH 1/2] added a warning for ShadowRoot usage --- essentials/configuration.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/essentials/configuration.md b/essentials/configuration.md index 2e473182..95de9c2a 100644 --- a/essentials/configuration.md +++ b/essentials/configuration.md @@ -199,6 +199,14 @@ type: 'tip' The `@formkit/nuxt` module with `autoImport: true` enabled automatically wraps your components that use FormKit in a `` component. This keeps formkit from being included in your entry bundle. :: +::Callout +--- +label: "Shadow Root" +type: "warning" +--- +Formkit inputs being used inside of a ShadowRoot will need their context's root to reference the shadowRoot instead of document. Vue applications can place `` near the root of your shadowRoot to inform their child. +:: + ## What is node config? Props are pretty powerful, but in addition to `node.props`, core nodes all have a config object `node.config`. This is where configuration hierarchy comes in. The `node.config` object acts like initial values for `node.props`. If a given prop is requested, like `node.props.validation`, and that property is not explicitly set using any of the [methods discussed above](#what-are-node-props), then FormKit will check the `node.config` object to see if it has a value. If it does not have a value, then it recursively checks the node parent's config object — then the grandparent's config object — and so on — until a value is found or it reaches a node with no parent. From 3b3a122ec1943e501f47a994bbee92a9836408ba Mon Sep 17 00:00:00 2001 From: Leon Dixon Date: Wed, 9 Oct 2024 14:12:19 +0100 Subject: [PATCH 2/2] fixed typo --- essentials/configuration.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/essentials/configuration.md b/essentials/configuration.md index 95de9c2a..ae2b41ef 100644 --- a/essentials/configuration.md +++ b/essentials/configuration.md @@ -204,7 +204,7 @@ The `@formkit/nuxt` module with `autoImport: true` enabled automatically wraps y label: "Shadow Root" type: "warning" --- -Formkit inputs being used inside of a ShadowRoot will need their context's root to reference the shadowRoot instead of document. Vue applications can place `` near the root of your shadowRoot to inform their child. +FormKit inputs being used inside of a ShadowRoot will need their context's root to reference the shadowRoot instead of document. Vue applications can place `` near the root of your shadowRoot to inform their child. :: ## What is node config?