From e8a8f6399a2e075af4c8929a8f7bdb8e6fd4cc68 Mon Sep 17 00:00:00 2001
From: pmurray73 <pmurray73@bloomberg.net>
Date: Tue, 26 Jan 2021 20:44:27 -0500
Subject: [PATCH] style-directives: push updater into update chunks; add
 dynamic test;

---
 .../compile/render_dom/wrappers/Element/index.ts     |  1 +
 .../inline-style-directive-dynamic.solo/_config.js   | 12 ++++++++++++
 .../inline-style-directive-dynamic.solo/main.svelte  |  5 +++++
 3 files changed, 18 insertions(+)
 create mode 100644 test/runtime/samples/inline-style-directive-dynamic.solo/_config.js
 create mode 100644 test/runtime/samples/inline-style-directive-dynamic.solo/main.svelte

diff --git a/src/compiler/compile/render_dom/wrappers/Element/index.ts b/src/compiler/compile/render_dom/wrappers/Element/index.ts
index 4119b97dc3..1ab4cbfe31 100644
--- a/src/compiler/compile/render_dom/wrappers/Element/index.ts
+++ b/src/compiler/compile/render_dom/wrappers/Element/index.ts
@@ -923,6 +923,7 @@ export default class ElementWrapper extends Wrapper {
 			const updater = b`@set_style(${this.var}, "${name}", ${snippet}, false)`;
 
 			block.chunks.hydrate.push(updater);
+			block.chunks.update.push(updater);
 		});
 	}
 
diff --git a/test/runtime/samples/inline-style-directive-dynamic.solo/_config.js b/test/runtime/samples/inline-style-directive-dynamic.solo/_config.js
new file mode 100644
index 0000000000..a3d37fa6f7
--- /dev/null
+++ b/test/runtime/samples/inline-style-directive-dynamic.solo/_config.js
@@ -0,0 +1,12 @@
+export default {
+	html: `
+		<p style="color: red;"></p>
+	`,
+
+	test({ assert, component, target }) {
+		component.myColor = 'blue';
+		assert.htmlEqual(target.innerHTML, `
+			<p style="color: blue;"></p>
+		`);
+	}
+};
diff --git a/test/runtime/samples/inline-style-directive-dynamic.solo/main.svelte b/test/runtime/samples/inline-style-directive-dynamic.solo/main.svelte
new file mode 100644
index 0000000000..1d60aefa6f
--- /dev/null
+++ b/test/runtime/samples/inline-style-directive-dynamic.solo/main.svelte
@@ -0,0 +1,5 @@
+<script>
+	export let myColor = "red";
+</script>
+
+<p style:color={myColor} />