scrolling hilang saat rendering livewire laravel

saya punya mencoba membuat projek laravel dengan livewire.
didalamnya saya punya card dengan data scrolling.
Capture.pngCapture.PNG
saat saya lakukan perubahan data scroll tersebut hilang.
no-scrolling.pngno 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

14 Kontribusi 11 Poin


Jawaban

apakah menggunakan modal saat melakukan aksi ?
avatar pemudakoding

@pemudakoding

342 Kontribusi 119 Poin

  • tidak.. hanya berubah query render saja - @sudjitoe


Login untuk gabung berdiskusi
premium logo tube

Hey, sedang ada diskon premium untuk akses semua kelas. Lihat di sini