zdhxiong / mdui

Material Design 3(Material You) UI components using Web Components.
https://www.mdui.org
4.16k stars 364 forks source link

Slider component buggy when "min" property is specified on SvelteKit dev server. #336

Closed tomikaka22 closed 2 months ago

tomikaka22 commented 3 months ago

Screenshot 2024-07-31 at 12-31-37

The component seems to function correctly once the project is built, however it is buggy when using the dev server.

Steps to reproduce: Create a SvelteKit project, and use the slider component like this:

<mdui-slider min="40" max="85"></mdui-slider>

run npm run dev

tomikaka22 commented 3 months ago

Upon further use, I can confirm that it remains broken even after building.

zdhxiong commented 3 months ago

min and max are of number type, you should use them like this <mdui-slider min="{40}" max="{85}"></mdui-slider>