CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-06-14 08:24:48 +12:00
Code Issues Projects Releases Wiki Activity

Give flatpickr its own root component in client apps to avoid it hijacking key events on the whole page

Browse source
This commit is contained in:
Andrew Kingston 2021-10-19 15:11:14 +01:00
parent 340d52dc38
commit bf74a750f2
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/client/src/components/ClientApp.svelte
View file

@ -113,6 +113,13 @@
/>
{/key}
<!--
Flatpickr needs to be inside the theme wrapper.
It also needs its own container because otherwise it hijacks
key events on the whole page. It is painful to work with.
-->
<div id="flatpickr-root" />
<!-- Layers on top of app -->
<NotificationDisplay />
<ConfirmationDisplay />

2
packages/client/src/components/app/forms/DateTimeField.svelte
View file

@ -56,7 +56,7 @@
disabled={fieldState.disabled}
error={fieldState.error}
id={fieldState.fieldId}
appendTo={document.getElementById("theme-root")}
appendTo={document.getElementById("flatpickr-root")}
{enableTime}
{placeholder}
/>