scrolling hilang saat rendering livewire laravel

saya punya mencoba membuat projek laravel dengan livewire.

didalamnya saya punya card dengan data scrolling.

Capture.PNG

saat saya lakukan perubahan data scroll tersebut hilang.

no scrolling.PNG

<div class="col-md-8">
                <div class="card card-default" data-scroll-height="650">
                    <div class="card-header card-header-border-bottom horizontal-scrollable">
                        <div class="row">
                            <button wire:click="setTab('All','')" class="btn btn{{ $tab == 'All' ? '' : '-outline' }}-primary">All Items</button>
                            @php
                                $i = 1;
                            @endphp
                            @foreach ($categories as $item)
                                <button wire:click="setTab('{{ $item->category_name }}','{{ $item->id }}')" class="btn btn{{ $tab == $item->category_name ? '' : '-outline' }}-primary">
                                    {{ $item->category_name }}
                                </button>

                                @php
                                    $i++;
                                @endphp
                            @endforeach
                        </div>
                    </div>
                    <div class="card-body slim-scroll">
                        <div class="col-md-12">
                            <div wire:loading wire:target="setTab">
                                <div class="col-md-12">
                                    <div class="d-flex justify-content-center">
                                        Please Wait...
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                @foreach ($items as $item)
                                    <div class="col-md-3">
                                        <div class="card mb-4" wire:click="addToCart({{ $item->id }})" style="cursor: pointer;" title="Add To Cart!">
                                            @if (!empty($item->img))
                                                <img class="card-img-top" width="50px" height="100px"
                                                    src="{{ url('storage/photos/' . $item->img) }}">
                                            @else
                                                <img class="card-img-top" width="50px" height="100px"
                                                    src="{{ asset('assets/img/no-image.png') }}">
                                            @endif
                                            <div class="card-img-overlay text-center align-midle">
                                                @if ($item->discount)
                                                    <p class="mb-1">
                                                        <small><span class="card-text badge-success text-dark"><b>Discount!</b></span></small>
                                                    </p>
                                                @endif
                                                <p class="mb-1">
                                                    <small><span class="card-text badge-primary text-dark"><b>{{ $item->item_name }}</b></span></small>
                                                </p>
                                                <p class="mb-1">
                                                    <small>
                                                        @if ($item->discount)
                                                            <span class="card-text badge-danger text-dark"><b><del>{{ number_format($item->price_original,0, ',', '.') }}</del></b></span>  /
                                                            <span class="card-text badge-primary text-dark"><b>{{ number_format($item->price_discount,0, ',', '.') }}</b></span>
                                                        @else
                                                            <span class="card-text badge-primary text-dark"><b>{{ number_format($item->price_original,0, ',', '.') }}</b></span>
                                                        @endif
                                                    </small>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </d

mohon bantuannya

avatar sudjitoe
@sudjitoe

21 Kontribusi 14 Poin

Diperbarui 2 tahun yang lalu

2 Jawaban:

<div>apakah menggunakan modal saat melakukan aksi ?</div>

avatar pemudakoding
@pemudakoding

342 Kontribusi 120 Poin

Dipost 3 tahun yang lalu

Tanggapan

tidak.. hanya berubah query render saja

Jawaban Terpilih

<div>selesai. pakek div yg mau discrolling tambah wire:ignore&nbsp;</div>

avatar sudjitoe
@sudjitoe

21 Kontribusi 14 Poin

Dipost 2 tahun yang lalu

Login untuk ikut Jawaban