v-show is invalid on the DEV_ROOT_FRAGMENT node.

[ygj6]

Version

3.2.31

Reproduction link

sfc.vuejs.org/

Steps to reproduce

Observation hello

What is expected?

hello should twinkling

What is actually happening?

v-show = false invalid

[posva]

Since v show changed the display style property, isn’t this just expected? The component needs to have a root node or to explicitly use v-bind=$attrs

[ygj6]

I think this node is a single root node，

core/packages/runtime-core/src/componentRenderUtils.ts

Lines 271 to 292 in 5898629

	export function filterSingleRoot(
	children: VNodeArrayChildren
	): VNode | undefined {
	let singleRoot
	for (let i = 0; i < children.length; i++) {
	const child = children[i]
	if (isVNode(child)) {
	// ignore user comment
	if (child.type !== Comment || child.children === 'v-if') {
	if (singleRoot) {
	// has more than 1 non-comment child, return now
	return
	} else {
	singleRoot = child
	}
	}
	} else {
	return
	}
	}
	return singleRoot
	}

And it behaves differently than the production mode.