Fix custom theme integration with date time field

5 years ago · cc0c0104fe
2 changed files with 2 additions and 2 deletions
--- a/packages/client/src/components/CustomThemeWrapper.svelte
+++ b/packages/client/src/components/CustomThemeWrapper.svelte
@ -2,7 +2,7 @@
  import { themeStore } from "stores"
 </script>

-<div style={$themeStore.customThemeCss}>
+<div style={$themeStore.customThemeCss} id="theme-root">
  <slot />
 </div>

--- a/packages/client/src/components/app/forms/DateTimeField.svelte
+++ b/packages/client/src/components/app/forms/DateTimeField.svelte
@ -56,7 +56,7 @@
      disabled={fieldState.disabled}
      error={fieldState.error}
      id={fieldState.fieldId}
-      appendTo={document.getElementById("app-root")}
+      appendTo={document.getElementById("theme-root")}
      {enableTime}
      {placeholder}
    />