Can only pass child content to razor elements if the child content is all lowercase

[trundlr]

Describe the bug

It's impossible to pass a razor element as ChildContent for another custom razor element (non-builtin) as far as I can tell.

Error | 'SelectionMenu' does not contain a definition for 'SelectionMenuTitle' and no accessible extension method 'SelectionMenuTitle' accepting a first argument of type 'SelectionMenu' could be found (are you missing a using directive or an assembly reference?) - _gen_FloorSelectionMenu.razor_3c355040.cs:28,76
   at Sandbox.CompileGroup.BuildAsync()
   at System.Runtime.CompilerServices.AsyncTaskMethodBuilder`1.AsyncStateMachineBox`1.ExecutionContextCallback(Object s)
   at System.Threading.ExecutionContext.RunInternal(ExecutionContext executionContext, ContextCallback callback, Object state)
   at System.Runtime.CompilerServices.AsyncTaskMethodBuilder`1.AsyncStateMachineBox`1.MoveNext(Thread threadPoolThread)
   at System.Runtime.CompilerServices.AsyncTaskMethodBuilder`1.AsyncStateMachineBox`1.MoveNext()
   at Sandbox.Tasks.ExpirableSynchronizationContext.ProcessQueue() in 

'SelectionMenu' does not contain a definition for 'SelectionMenuTitle' and no accessible extension method 'SelectionMenuTitle' accepting a first argument of type 'SelectionMenu' could be found (are you missing a using directive or an assembly reference?)
at 'SelectionMenu' does not contain a definition for 'SelectionMenuTitle' and no accessible extension method 'SelectionMenuTitle' accepting a first argument of type 'SelectionMenu' could be found (are you missing a using directive or an assembly reference?) in UI/SelectionMenus/FloorSelectionMenu.razor:line 6

To Reproduce

See above!

Expected behavior

We should be able to pass custom panels as children into custom panels. It is very common practice in web development.

Media/Files

No response

Additional context

No response

[trundlr]

Ok apparently it works if there are only lowercased letters in the element name and attributes 🤣 This compiles fine.

[solwllms]

You need to expliclty specify which RenderFragment the stuff goes inside of (you can do multiple in a panel, at whatever points you like), so something like this should work:

<SelectionMenu>
	<ChildContent>
		<SelectionMenuTitle Title="Balls" />
	</ChildContent>
</SelectionMenu>

Does blazor do that implicitly if it's just ChildContent? im not even sure how that would work

[trundlr]

I'm not sure about Blazor - but if it works all lowercased without nesting in tags, shouldn't it just work for upper cased as well? It's incredibly common to slot children in like how I have above in web frameworks, without having to specify some child tag.

[trundlr]

https://blazor-university.com/templating-components-with-renderfragements/

This seems to imply you only need ChildContent if there is more than one RenderFragment being used on a component.