Slider doesn't visually reflect updates to the max prop

[ric2b]

Describe the bug

The Slider component doesn't visually reflect updates to the max prop (the underlying range input does correctly get an updated max attribute, though)

To Reproduce
https://svelte.dev/repl/a67aeecf3b334778b3640f8aadb2d1e1?version=3.38.2

1. Click the header
2. You'll see the slider move all the way to the end, even though it should still be at 50%

My guess is that there is some weird interaction with the bind on value, because it does update but is capped to 10, which is the pre-update max.

Expected behavior

It should visually reflect the update to max, like the standard range input does:
https://svelte.dev/repl/7a55a3285482467e9d40c2d505460e8b?version=3.38.2
(Based on the example in this Svelte issue: sveltejs/svelte#3857)

Desktop (please complete the following information):

• OS: Ubuntu 21.04
• Browser Firefox 88.0.1

[ric2b]

I wonder if this is related:

svelte-material-ui/packages/slider/Slider.svelte

Lines 287 to 296 in 2efc3d2

	$: if (instance) {
	if (previousValue !== value) {
	instance.setValue(value);
	}
	if (previousStart !== start) {
	instance.setValueStart(start);
	}
	if (previousEnd !== end) {
	instance.setValue(end);
	}

Shouldn't line 295 be instance.setValueEnd(end);?

Although updating min also behaves weirdly: https://svelte.dev/repl/f58e8671c68a43e6ad92d743dd3ee0d7?version=3.38.2

[ric2b]

In the meantime I found a workaround with Svelte key blocks, which allow you to destroy and rebuild their contents when the value of an expression changes.

The workaround looks like this: https://svelte.dev/repl/cdec4ea57d9c420e8d9fd87f6f59d43d?version=3.38.2

[nyanpasu]

I have run into this issue as well.