Livewire v2b02e94e @push() @once() not working

tanthammar commented 4 years ago

I apologize if it is incorrect to post an issue about a version that is not released yet!

Description

Blade @push() does not work if a livewire component is wrapped with a blade component, nothing is pushed to the layout
Blade @once(), does push to the layout, but in the wrong place, inside the root livewire div.

Steps to reproduce

Fresh installation of Laravel 7 or 8 with in combination with https://github.com/laravel-frontend-presets/tall
- add @stack('styles') to the head of layouts/base.blade.php
a blade component/default/pages.blade.php with a @push('styles') or @once('styles') directive
Route::get('blank-component', \App\Http\Livewire\BlankComponent::class)->name("blank");

Context

Livewire version: dev-master b02e94e
Laravel version: tested in both v7.26.1 and dev-master 8
Browser: [e.g. Chrome, Safari]

|--base.blade.php @yield('body'), <head>@stack('styles')</head>
   |--app.blade.php @extends('layouts.base'), @section('body'), @yield('content'), {{ $slot ?? null }}
      |--livewire/blank-component.blade.php
         |--<x-pages.default /> livewire code </x-pages.default>

layouts/base.blade.php

    <head>
        <!-- Styles -->
        <link rel="stylesheet" href="{{ url(mix('css/app.css')) }}">
        @livewireStyles
        @stack('styles')
    </head>

livewire/blank-component.blade.php

<x-pages.default title="Testing livewire 2">
    <div class="px-6 sm:px-0">
        {{ $hello }}
    </div>
</x-pages.default>

components/pages/default.blade.php

@once('styles')
    <style>
        <!--some classes !-->
    </style>
@endonce
<div class="parent grid">
    <header><h1>{{ $title ?? 'No Title' }}</h1></header>
    <main>
        {{ $slot }}
    </main>
    <footer>Footer</footer>
</div>

The styles are not placed in the head they are injected into the livewire parent div

calebporzio commented 4 years ago

Thanks Tina,

Good call. I just pushed the fixes for these to master. Re-open if problem persists.

tanthammar commented 4 years ago

reopening: #1455

joydeep-bhowmik commented 1 year ago

Same problem in new liveiwire 3

livewire / livewire

Livewire v2b02e94e @push() @once() not working #1423

Description

Steps to reproduce