flowbite-svelte
flowbite-svelte copied to clipboard
`Button`s disappearing and `store#page` crashes when using `DatePicker`
Describe the bug
I know that Datepicker
is experimental.
When I use Datepicker
, other Button
elements in the same page disappear when I come back to the page with the datepicker:
example flow:
-
"/"
-
navigate to "/other"
-
navigate back to "/"
In my project the buttons do show when hovered, but not in stackblitz.
In my project Input
items continue to work but in stackblitz they also disappear
Also it seems to crash the store#page
somehow or something (see that the url is not updated once we navigate back)
Reproduction
https://stackblitz.com/edit/sveltejs-kit-template-default-uxp4r7?file=package.json,src%2Froutes%2F%2Blayout.svelte,src%2Froutes%2F%2Bpage.svelte,src%2Froutes%2Fother%2F%2Bpage.svelte
Flowbite version and System Info
System:
OS: Windows 10 10.0.19044
CPU: (24) x64 13th Gen Intel(R) Core(TM) i7-13700K
Memory: 2.16 GB / 15.78 GB
Binaries:
Node: 18.16.0 - C:\Program Files\nodejs\node.EXE
npm: 9.7.1 - C:\Program Files\nodejs\npm.CMD
Browsers:
Chrome: 114.0.5735.199
Edge: Spartan (44.19041.1266.0), Chromium (114.0.1823.67)
Internet Explorer: 11.0.19041.1566
npmPackages:
@sveltejs/kit: ^1.5.0 => 1.20.2
flowbite-svelte: ^0.39.1 => 0.39.1
svelte: ^3.54.0 => 3.59.1
vite: ^4.3.0 => 4.3.9
Start a new pull request in StackBlitz Codeflow.
From the doc.
Use rel=“external”
This component is importing Flowbite datepicker javascript in the svelte:head section. When you are linking to a page using this component, use rel="external".