Apply layout from `_Imports.razor` to a folder and its subfolders is not working

[TanvirArjel]

ASP.NET Core Blazor layouts documentation said that:

Every folder of an app can optionally contain a template file named _Imports.razor. The compiler includes the directives specified in the imports file in all of the Razor templates in the same folder and recursively in all of its subfolders. Therefore, an _Imports.razor file containing @layout DoctorWhoLayout ensures that all of the components in a folder use the DoctorWhoLayout component. There's no need to repeatedly add @layout DoctorWhoLayout to all of the Razor components (.razor) within the folder and subfolders.

But is not working for the following admin folder and its subfolder. If I move the _Imports.razor file inside Admin/Pages folder then it works for the Components inside Admin/Pages folder.

Even not working for the following folder structure:

If I go to the route of the components inside Admin folder and its subfolder, the application freezes, and no error is thrown in the console.

[pranavkm]

If I go to the route of the components inside Admin folder and its subfolder, the application freezes

The _Imports also applies to Layout, so you have a recursion issue here - the Layout adds itself as it's Layout.

[TanvirArjel]

@pranavkm Documentation also clearly said that:

The @layout Razor directive only applies a layout to routable Razor components with an @page directive.

But there is no @page directive in the AdminLayoutComponent then why AdminLayoutComponent also be applied to itself?

[pranavkm]

Layouts apply to all components, not just routeable ones.

[TanvirArjel]

@pranavkm Then what about the documentation?

[pranavkm]

Doesn't the documentation state this:

s. Therefore, an _Imports.razor file containing @layout DoctorWhoLayout ensures that all of the components in a folder use the DoctorWhoLayout component

If the _Imports.razor applies to the DoctorWhoLayout (which appears to be what's happening in your case), you essentially end up with a recursion.

[TanvirArjel]

However, if applying layout from _Imports.razor to a folder and its subfolders does not work for the above two folder structures then the design is surely flawed. You can't expect to keep the AdminLayoutComponent out of the Admin folder.

Thank you for your responses.

[TanvirArjel]

@pranavkm You said that:

Layouts apply to all components, not just routable ones.

I have checked that Layout from _Imports.razor file is only applying to the routable components, not all components, This is fine because this is the expected behavior.

So the only issue is the LayoutComponent self-reference. This is surely an issue and this is quite easily addressable. A LayoutComponent should not reference itself irrespective of the position of the LayoutComponent in the folder and subfolders.

Please accept. this as an issue.

This issue has been resolved and has not had any activity for 1 day. It will be closed for housekeeping purposes.

See our Issue Management Policies for more information.