Non-nesting layout does not work as expected. How can I ignore the parent layout?

[ynifamily3]

stackblitz url: https://stackblitz.com/~/github.com/ynifamily3/non-nesting-example

If the layout of the entire app is like this

<div className='p-6'><Outlet/></div> ,

and this is defined in (app)/route.tsx .

However, I want to build my own layout without padding for a specific url path /special.

However, I want to place the queue-related files inside (app)/ .

I used the following file structure.

routes
- (app)
  - route.tsx # <div className='p-6'><Outlet/></div>
  - index.tsx # <div>content with padding</div>
  - special_
    - route.tsx # <div className='bg-red-500'><Outlet/></div>
    - index.tsx # <div>background: red without padding!</div>

However, padding is applied when accessing /special url.

Am I using the Non-nesting-layout concept incorrectly? Or is this a bug?

[AhmedBaset]

Move special_ outside (app)