fix: ensure muted DOM property works correctly in FF

Author: trueadm

.changeset/wise-timers-look.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure muted DOM property works correctly in FF

packages/svelte/src/compiler/phases/2-analyze/visitors/RegularElement.js

@@ -77,7 +77,9 @@ export function RegularElement(node, context) {
 
 	if (
 		node.attributes.some(
-			(attribute) => attribute.type === 'Attribute' && attribute.name === 'autofocus'
+			(attribute) =>
+				attribute.type === 'Attribute' &&
+				(attribute.name === 'autofocus' || attribute.name === 'muted')
 		)
 	) {
 		mark_subtree_dynamic(context.path);

packages/svelte/src/compiler/phases/3-transform/client/visitors/RegularElement.js

@@ -242,6 +242,7 @@ export function RegularElement(node, context) {
 			);
 		}
 	} else {
+		debugger;
 		/** If true, needs `__value` for inputs */
 		const needs_special_value_handling =
 			node.name === 'option' ||
@@ -263,6 +264,7 @@ export function RegularElement(node, context) {
 			if (
 				!is_custom_element &&
 				attribute.name !== 'autofocus' &&
+				attribute.name !== 'muted' &&
 				(attribute.value === true || is_text_attribute(attribute))
 			) {
 				const name = get_attribute_name(node, attribute);
@@ -530,6 +532,11 @@ function build_element_attribute_update_assignment(element, node_id, attribute,
 		return false;
 	}
 
+	if (name === 'muted') {
+		state.init.push(b.stmt(b.call('$.muted', node_id, value)));
+		return false;
+	}
+
 	/** @type {Statement} */
 	let update;
 

packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/fragment.js

@@ -142,7 +142,7 @@ function is_static_element(node) {
 			return false;
 		}
 
-		if (attribute.name === 'autofocus') {
+		if (attribute.name === 'autofocus' || attribute.name === 'muted') {
 			return false;
 		}
 

packages/svelte/src/internal/client/dom/elements/misc.js

@@ -20,6 +20,15 @@ export function autofocus(dom, value) {
 	}
 }
 
+/**
+ * @param {HTMLVideoElement} dom
+ * @param {boolean} value
+ * @returns {void}
+ */
+export function muted(dom, value) {
+	dom.muted = value;
+}
+
 /**
  * The child of a textarea actually corresponds to the defaultValue property, so we need
  * to remove it upon hydration to avoid a bug when someone resets the form value.

packages/svelte/src/internal/client/index.js

@@ -37,7 +37,7 @@ export {
 } from './dom/elements/attributes.js';
 export { set_class, set_svg_class, set_mathml_class, toggle_class } from './dom/elements/class.js';
 export { apply, event, delegate, replay_events } from './dom/elements/events.js';
-export { autofocus, remove_textarea_child } from './dom/elements/misc.js';
+export { autofocus, muted, remove_textarea_child } from './dom/elements/misc.js';
 export { set_style } from './dom/elements/style.js';
 export { animation, transition } from './dom/elements/transitions.js';
 export { bind_active_element } from './dom/elements/bindings/document.js';