Could not find Livewire component in DOM tree when using Volt full-page
Nobody has claimed this yet.
- Dominant language
- PHP
- Stars
- 423
- Forks
- 36
- PR merge metrics
- No merged PRs in 30d
Description
### Volt Version
1.6.6
### Laravel Version
11.37.0
### PHP Version
8.3.13
### Database Driver & Version
_No response_
### Description
When using Volt's full-page component within Blade section directive I cannot get `$wire` to work in JavaScript as it can't find current component.
```
Could not find Livewire component in DOM tree
```
### Steps To Reproduce
1. Create simple layout `resources/views/layouts/bare.blade.php`
```html
@yield('body')
```
2. Create Volt component `resources/views/livewire/email.blade.php`
```php
@section('body')
Your email is:
@endsection
```
3. Add routing in `routes/web.php`
```php
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue at /email using resources/views/layouts/bare.blade.php, resources/views/livewire/email.blade.php, and routes/web.php. Inspect the rendered DOM and Livewire component placement around the Blade @section content, then verify that Alpine's $wire.$get('email') resolves and displays the expected email.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, laravel, php
- Domain
- full-stack
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 35/100