Gridstack.js: Widget tumpang tindih

Apakah Anda pernah menemukan perbaikan untuk masalah ini?

Saya memiliki masalah yang sama. Widget saling tumpang tindih.

Saya mencoba membuat sendiri dan menyalin dari halaman Demo gridstack, hasilnya sama.

Saya mendapatkan masalah ini ketika saya menyeret widget baru ke kotak. Widget baru dapat ditempatkan di atas widget lain, sedangkan widget yang dimuat dari awal di kisi berperilaku dengan benar. Ini terjadi dengan 0.4.0, tetapi jika saya kembali ke 0.2.7-dev yang digunakan dalam demo Dua kisi (http://gridstackjs.com/demo/two.html), maka ia berperilaku sebagaimana mestinya, yaitu widget pindah ketika widget baru ditempatkan di atas.

Saya dapat mengkonfirmasi sekarang itu juga terjadi dengan widget saat ini di grid, tetapi dalam kondisi tertentu, yaitu ketika widget muncul nanti dalam kode, maka widget itu dapat ditempatkan di atas widget sebelumnya di dalam kode. Yaitu saya memiliki tiga widget (a, b, c) dalam urutan itu dalam kode saya di grid. Ketika a diseret melewati b dan c, maka b dan c berubah posisi. Ketika b diseret, a tidak berubah posisi, tetapi c. Ketika c diseret, a dan b tidak berubah posisi.

Hai, saya mengalami masalah yang sama yang membuat saya sedih ketika saya menggunakan kisi dengan konten khusus. Untuk memperbaiki masalah ini, saya memutar kembali versi saya ke 0.3.

Semoga ini membantu!

Ada pembaruan tentang ini? Saya mengalami masalah ini dan sepertinya saya tidak dapat mengisolasi apa masalahnya. Widget saya akhirnya tumpang tindih satu sama lain dan tidak akan mendorong widget lain ke bawah atau ke samping. Saya tidak tampak seperti perilaku yang diharapkan, dan saya tidak mendapatkan masalah ini di halaman demo mana pun.

Saya dapat mengonfirmasi: Ketika saya menurunkan versi ke 0.3.0 itu mulai berfungsi sebagian besar seperti yang diharapkan.

Dapat mengonfirmasi juga, menurunkan ke 0,3 Saya mendapatkan perilaku yang sama seperti pada halaman demo GridstackJS utama. Tapi semakin tumpang tindih dan gerakan tak terduga kacau baik di 0.4 dan 1.0dev. Adakah pembaruan pada perbaikan yang membuatnya menjadi rilis 1.0?

Saya pikir bug itu diperkenalkan oleh komit ini:
https://github.com/gridstack/gridstack.js/commit/ae6daac248580c9e5e2b486c25ca0d0718b50ab3

Jika Anda mengubah baris .take(i) dengan
.filter(function (o) { return o !== n})
itu bekerja lagi.

Ada dua baris ".take (i)" untuk memperbaikinya di gridstack.js versi 1.0.0-dev.

Saya tahu bahwa ada masalah aneh dalam skenario multi-grid, tetapi dapatkah seseorang memberi tahu saya bagaimana saya dapat mereplikasi masalah hanya dengan satu grid? Saya tidak memiliki widget yang tumpang tindih, tetapi jika beberapa dari Anda memilikinya, pasti ada masalah. Beri tahu saya beberapa informasi lebih lanjut dan saya akan melihatnya.

Berikut adalah contoh yang saya ambil dari masalah lain untuk dicoba dalam solusi saya dan ketika mengubah antara versi 0.3.0 dan 0.4.0 ada perbedaan dalam fungsi dragging.

Menyeret B di atas A tumpang tindih di 0.4.0 tindakan yang sama di 0.3.0 memindahkan A ke bawah B.

<div id="myGrid" class="grid-stack" style="border: 1px solid green">
    <div class="grid-stack-item"
         data-gs-x="0" data-gs-y="0"
         data-gs-width="4" data-gs-height="2">
        <div class="grid-stack-item-content" style="background: red">A</div>
    </div>
    <div class="grid-stack-item"
         data-gs-x="4" data-gs-y="0"
         data-gs-width="4" data-gs-height="4">
        <div class="grid-stack-item-content" style="background: blue">B</div>
    </div>
</div>

<script type="text/javascript">
    $(function () {
        $('#myGrid').gridstack();
    });
</script>

Kode disalin dari sini:
https://github.com/gridstack/gridstack.js/issues/743#issuecomment -323941968

Saya pikir bug itu diperkenalkan oleh komit ini:
ae6daac

Jika Anda mengubah baris .take(i) dengan
.filter(function (o) { return o !== n})
itu bekerja lagi.

Seperti yang saya tulis di atas, masalahnya diperkenalkan oleh komit "Hindari pemeriksaan tabrakan simpul dengan dirinya sendiri".
Pengambilan sederhana tidak akan selalu berhasil jika urutan node tidak "benar", sehingga beberapa node terlewatkan untuk mendeteksi tabrakan. Jika garis diubah menjadi .filter(function (o) { return o !== n}) semua node kecuali node itu sendiri diperiksa untuk tabrakan.

@kenneylo2113 Saya menyalin contoh Anda ke two.html dan memastikan untuk menggunakan gridstack 0.4.0 (benang menambahkan gridstach dan menyalin file ke folder dist saya) dan saya tidak dapat mereproduksi B yang bergerak ini di atas A di Chrome,FF,Edge windows10.

Kami akan segera merilis 0.5.0 jadi mungkin kalian bisa mencoba jika masih mereproduksi, tapi baik @dweiss maupun saya tidak bisa melihat masalah ini. Mungkin video klip jika ada trik untuk mewujudkannya?

Hai teman-teman,

Saya mengalami masalah yang sama, menggunakan cdn 0.4.0 sekarang menurunkan versi ke 0.3.0, memperbaikinya.

Berikut adalah video yang menunjukkan apa yang terjadi.
https://www.mediafire.com/file/71loddycbbjco7t/new.mp4/file

Memiliki masalah yang sama dengan versi cdn 0.4.0. Ini adalah JSFiddle untuk demo float menggunakan cdn.

Widget selanjutnya dapat tumpang tindih dengan widget sebelumnya.

Silakan periksa versi 1.0.0-dev. Semua masalah tumpang tindih tampaknya telah diperbaiki. Saya tidak dapat menemukan apapun sampai sekarang.
https://github.com/gridstack/gridstack.js/tree/develop/src

v1.0.0-dev tidak ditandai bagaimana kami menginstalnya dengan manajer ketergantungan?

Saya baru saja menggunakan v1.0.0-dev. Masalah yang tumpang tindih diperbaiki di dalamnya.

Pada Senin, 10 Jun 2019 pukul 09:51 Umut [email protected]
menulis:

Memiliki masalah yang sama dengan versi cdn 0.4.0. Ini adalah JSFiddle untuk
demo float https://jsfiddle.net/umutto/f5rb2ge4/1/ menggunakan cdn.

Widget selanjutnya dapat tumpang tindih dengan widget sebelumnya.

—
Anda menerima ini karena Anda berlangganan utas ini.
Balas email ini secara langsung, lihat di GitHub
Https://github.com/gridstack/gridstack.js/issues/919?email_source=notifications&email_token=AAWPDH52QFZPFIMXHS5WFSDPZXJFNA5CNFSM4FJOYXJ2YY3PNVWWK3TUL52HS4DFVREXG43VMXVBW63DNOR4VMZ2JKTLN5
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/AAWPDH2ROXEOECYSXPOLKDTPZXJFNANCNFSM4FJOYXJQ
.

--
Terima kasih & Salam,
Rajesh Kumar Mishra

Saya pikir ada beberapa bug berbeda yang tercantum di sini, tetapi saya juga yakin semuanya telah diperbaiki. Jika ada orang di sini yang masih memiliki masalah, silakan buka tiket baru.