flowbite-svelte icon indicating copy to clipboard operation
flowbite-svelte copied to clipboard

`Button`s disappearing and `store#page` crashes when using `DatePicker`

Open eNtrozx opened this issue 1 year ago • 2 comments

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:

  1. "/" image

  2. navigate to "/other" image

  3. navigate back to "/" image

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

eNtrozx avatar Jul 01 '23 19:07 eNtrozx

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".

shinokada avatar Sep 08 '23 15:09 shinokada