The last Layout override all other layouts.

[bat79a]

Version

v2.4.5

Reproduction link

https://jsfiddle.net/xtj6sdz8/

Steps to reproduce

Create a page named UI, with a new layout assigned to it : aaa.vue
Create a new layout : zzz.vue

The UI page will have a 200px margin from the zzz.vue layout and not the aaa.vue layout assigned in the page with a 1px margin.

What is expected ?

UI page with a 1px margin from the aaa.vue layout assigned to this page.

What is actually happening?

UI page with a 100px margin from the zzz.vue layout.

_{This bug report is available on Nuxt community (#c8822)}

[manniL]

Is this a duplicate of #3877?

[bat79a]

May be yes. I haven't test to include other CSS element.
But for sure the last alphabetic layout override the css element defined in the layout of the page.

[manniL]

Duplicate of #3877