gon.exe Comments - Answer Overflow

gon.exe

•Created by nowak on 3/19/2024 in #❓┊help

TextInput live onBlur does not seem to work as expected

I just confirmed by myself on vendor/filament/forms/src/Concerns/HasStateBindingModifiers.php:

public function reactive(): static
{
    $this->live();

    return $this;
}

public function reactive(): static
{
    $this->live();

    return $this;
}

21 replies

FFilament

•Created by nowak on 3/19/2024 in #❓┊help

TextInput live onBlur does not seem to work as expected

21 replies

FFilament

•Created by nowak on 3/19/2024 in #❓┊help

TextInput live onBlur does not seem to work as expected

I just resolved the issue on my side putting the live() property after reactive()

21 replies

FFilament

•Created by nowak on 3/19/2024 in #❓┊help

TextInput live onBlur does not seem to work as expected

Thanks @Jon Mason

21 replies

FFilament

•Created by nowak on 3/19/2024 in #❓┊help

TextInput live onBlur does not seem to work as expected

@Jon Mason I am having the same issue. Did you fix it ? Thanks in advance!

21 replies

FFilament

•Created by gon.exe on 12/20/2023 in #❓┊help

Upgrade v3. Alpine issue

Thanks @awcodes !

7 replies

FFilament

•Created by gon.exe on 12/20/2023 in #❓┊help

Upgrade v3. Alpine issue

Any idea ?

7 replies

FFilament

•Created by gon.exe on 12/20/2023 in #❓┊help

Upgrade v3. Alpine issue

For more information. I am having the issue on a custom Page:

<x-filament::page>

    <head>
        <meta name="csrf-token" content="{{ csrf_token() }}">
    </head>

    <style>
        #map {
            width: 100%;
            height: 500px;
        }

    </style>

    @script

        <script>

            window.addEventListener('dispatchEvent', event => {
                initMap(event.detail[0].formData);
            });

            function initMap(formData) {
                //  ... code
            }

            function calculateAndDisplayRoute(directionsService, directionsRenderer, data, formData) {
                //  ... code
            }

        </script>

    @endscript

    <body>

        <!-- Form panel -->
        @livewire('work-orders-route.work-orders-route-form')

        <!-- Map panel -->
        <div id="map"style="display: none">>
        </div>

        <!-- Table panel -->
        <div id="wo-table" style="display: none">
            @livewire('work-orders-route.work-orders-route-table')
        </div>

        <!--   Google Maps API   -->
        <script
            src="https://maps.googleapis.com/maps/api/js?key=@php echo env("GOOGLE_MAPS_API_KEY");@endphp&v=weekly"
            defer>
        </script>

    </body>

</x-filament::page>

<x-filament::page>

    <head>
        <meta name="csrf-token" content="{{ csrf_token() }}">
    </head>

    <style>
        #map {
            width: 100%;
            height: 500px;
        }

    </style>

    @script

        <script>

            window.addEventListener('dispatchEvent', event => {
                initMap(event.detail[0].formData);
            });

            function initMap(formData) {
                //  ... code
            }

            function calculateAndDisplayRoute(directionsService, directionsRenderer, data, formData) {
                //  ... code
            }

        </script>

    @endscript

    <body>

        <!-- Form panel -->
        @livewire('work-orders-route.work-orders-route-form')

        <!-- Map panel -->
        <div id="map"style="display: none">>
        </div>

        <!-- Table panel -->
        <div id="wo-table" style="display: none">
            @livewire('work-orders-route.work-orders-route-table')
        </div>

        <!--   Google Maps API   -->
        <script
            src="https://maps.googleapis.com/maps/api/js?key=@php echo env("GOOGLE_MAPS_API_KEY");@endphp&v=weekly"
            defer>
        </script>

    </body>

</x-filament::page>

7 replies

FFilament

•Created by gon.exe on 12/19/2023 in #❓┊help