Uncaught TypeError: Failed to set the 'innerHTML' Livewire

i am using latest version of Google Chrome, i have added livewire component to my blade. For some reason i am getting an error on line 84 of bar.js

Uncaught TypeError: Failed to set the 'innerHTML' property on 'Element': This document requires 'TrustedHTML' assignment. #8335

I have removed all the extra scripts except live wire component.

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head><!-- Scripts -->
        @vite(['resources/css/app.css', 'resources/js/app.js'])
        @filamentStyles
        @stack('scripts')
    </head>
    <body>
    @filamentScripts
    @livewire('offline')
        <div class="font-sans text-gray-900 antialiased">
            {{ $slot }}
        </div>
        @include("layouts.partials.footer")
    </body>
</html>

<?php

namespace App\Http\Livewire;

use Livewire\Component;

class Offline extends Component
{
    public function render()
    {
        return <<<'blade'
            <div wire:offline class="fixed left-1/2 mobile:w-full mobile:text-center">
                <div class="relative -left-1/2 text-red-600 bg-yellow-200 font-bold px-4 py-2">
                Network connection interrupted!
            </div>
            </div>
        blade;
    }
}

waleedviews

2 years ago

Level 1

i test this issue on cross browsers and it's working fine, only issue is with the chrome. Any help would be appreciated.

waleedviews

2 years ago

Level 1

anyone?

Please or to participate in this conversation.