Redactor: Tidak dapat menggulir setelah melihat sumber HTML

Dibuat pada 24 Jan 2019  ·  17Komentar  ·  Sumber: craftcms/redactor

97

Sudah dilaporkan tetapi ditutup karena tidak aktif.

Saya mengalami masalah yang sama persis di sini, tetapi bilah gulir tidak hilang, hanya tidak berfungsi.
Mengubah ukuran jendela membuatnya berfungsi sampai saya menggulir lagi.

Tidak ada kesalahan di dalam konsol browser.

Langkah yang sama untuk mereproduksi:

  1. Aktifkan plugin sumber html ( _button?_ ) untuk bidang redaktur
  2. Tempelkan teks yang cukup sehingga bilah gulir muncul
  3. Tampilkan sumber html dari teks yang ditempel
  4. Gulir ke bawah
  5. Setelah menggulir ke bawah, bilah gulir menghilang (_ bukan untuk saya _). Pengguna tidak dapat menggulir kembali - ketika mencoba, halaman "melompat" sedikit ke atas dan kemudian kembali ke posisi sebelumnya. Semua tombol redaktur menghilang.

Satu-satunya hal di sini adalah saya memiliki pemformatan khusus yang ditambahkan ke konfigurasi redactor saya, tetapi setelah beberapa pengujian, itu tidak membuat perbedaan.

Kerajinan CMS 3.1.3
Redaktur 2.3.0

Komentar yang paling membantu

@angrybrad

https://streamable.com/f6we5

(Penantian sebelum mencoba mengklik bilah gulir adalah saya mencoba menggulir dengan mouse)

Semua 17 komentar

Masih tidak dapat mereproduksi ini, tetapi baru saja merilis versi 2.3.2 yang menyertakan versi Redactor yang lebih baru. Ini mungkin sudah diperbaiki sekarang, tetapi beri tahu saya jika belum.

Baru saja diperbarui ke versi terbaru dan bug masih ada di sini!

Rupanya sudah diperbaiki di Firefox, tetapi masih di sini di Chrome 72.

Saya menggunakan sistem Windows 10.

Bisakah Anda mereproduksi bug ini di https://imperavi.com/redactor/ ?

Saya memiliki masalah yang sama menggunakan windows 10 pada versi chrome terbaru. Versi terbaru dari kerajinan dan versi terbaru dari plugin. Jika saya beralih ke tampilan kode html muncul tetapi ketika menggulir langsung memindahkan bilah gulir ke bawah dan hanya menunjukkan kotak hitam kosong dan bilah gulir menjadi beku. Saya perhatikan pada halaman imperavi di atas jika saya menambahkan jumlah teks yang sama dan mengalihkan tampilan, tampilan kode memiliki banyak ruang hitam di bawah kode yaitu editor telah mempertahankan ketinggian yang sama dengan mode teks. Saya bertanya-tanya apakah ini mungkin bagian dari masalah. Saat ini tidak mungkin untuk menggunakan mode kode.

Baru saja diperhatikan juga itu hanya terjadi ketika beralih dari tampilan teks panjang ke tampilan kode. Jika Anda memiliki bidang redactor kosong dan Anda beralih ke tampilan kode dan menempelkan kode, bilah gulir berfungsi dengan baik di dalam bidang.

@lettie16 dapatkah Anda mereproduksi bug ini di https://imperavi.com/redactor/ ?

Bisakah Anda mereproduksi bug ini di https://imperavi.com/redactor/ ?

Hai Andris,

Tidak, saya tidak dapat menirunya di situs ini. Tapi saya tidak berpikir ini seperti untuk perbandingan yang saya yakini ada hubungannya dengan bagaimana ia berinteraksi dengan bidang cms kerajinan. seperti yang saya sebutkan di atas jika Anda memiliki bidang kosong yang bersih menempel ke tampilan kode berfungsi dengan baik tetapi bilah gulir berada dalam edit seperti ini editor ini.

Jika Anda menempelkan banyak teks dalam tampilan teks dan kemudian beralih ke tampilan kode, masalah terjadi dan bilah gulir muncul di luar editor yaitu menggulir seluruh panel bidang bukan hanya editor kecuali tidak karena membeku.

Saya pikir itu mungkin ada hubungannya dengan bagaimana kode menghitung ulang ketinggian editor setelah beralih tampilan.

Kesulitan mereproduksi ini di Windows 10, Chrome 72 dan versi terbaru Craft 3 dan Redactor. Bisakah seseorang merekam video singkat tentang perilaku itu jika saya melewatkan satu langkah di suatu tempat?

@angrybrad

https://streamable.com/f6we5

(Penantian sebelum mencoba mengklik bilah gulir adalah saya mencoba menggulir dengan mouse)

@timoteh hrm ... mungkin ada hubungannya dengan keberadaan di dalam Matrix/Super Table? Bisakah Anda mengirim file composer.json dan database dump ke [email protected] dan merujuk masalah ini dan mengarahkan kami ke entri/bidang dalam video yang Anda gunakan?

Saya mencoba menggunakannya di luar Matrix/Super Table dan hasilnya sama.

@angrybrad , selesai!

@timoteh Saya awalnya dapat mereproduksi ini setelah beberapa waktu, tetapi kembali ke sana saya tidak lagi bisa. Bisakah Anda memastikan Anda menggunakan Chrome/Reactor and Craft terbaru dan melihat apakah itu masih menjadi masalah bagi Anda?

@angrybrad
Barusan coba di chrome masih sama.

Google Chrome
Versi 73.0.3683.103 (Builan Resmi) (64-bit)
Kerajinan CMS 3.1.23
Redaktur 2.3.2

@timoteh mungkin ada hubungannya dengan ukuran/resolusi layar? apakah Anda menjalankan dengan browser yang dimaksimalkan dan pada resolusi apa?

@angrybrad Ya, dimaksimalkan, tetapi bahkan ketika saya mencoba bermain dengan ukuran layar, saya selalu mendapatkan hasil yang sama. Saya sudah mencoba mereproduksinya di beberapa pengaturan Craft 3 dan saya selalu bisa!

Rekan kerja saya di iOS tidak dapat mereproduksinya lagi, jadi inilah pengaturan saya:
image

Juga, bagaimana denganmu @lettie16 ?

Juga melihat masalah ini di Win10 + Chrome 74.0.3729.131 + Craft 3.1.25 + Redactor 2.3.3.2

Saya perhatikan di alat dev bahwa sesuatu di javascript tampaknya terperangkap dalam loop tak terbatas, saat ia mulai mengatur div ini ke "display: none" berulang kali:

<div class="redactor-styles redactor-in redactor-in-0" dir="ltr" aria-labelledby="redactor-voice-0" role="presentation" contenteditable="true" domtargetshow="" style="display: none;">

Beberapa catatan lagi:

  • Sepertinya javascript memaksa elemen yang dapat digulir untuk menggulir sampai ke bawah.
  • Itu berhenti jika saya mengklik tab tata letak bidang yang berbeda (yaitu, menyembunyikan bidang redaktur).
  • Dengan posting yang lebih panjang, tampaknya tidak langsung terpicu saat menggulir — saya harus menggulir ke bawah dalam jumlah tertentu sebelum bug muncul.

Menemukan solusi CSS untuk ini dengan mencegah div contenteditable yang menahan konten WYSIWYG agar tidak disetel ke display: none ketika div sumber terlihat, yang pada gilirannya tampaknya menghentikan Redactor masuk ke infinite loop . Tambahkan CSS ini ke CP Anda:

.redactor-source-view [contenteditable="true"] {
    display: block !important;
    height:0 !important;
    width:0 !important;
    padding:0 !important;
    overflow: hidden !important;
}

Pengujian di Chrome dan Firefox terbaru di Mac, dan Chrome di PC.

Anda dapat menguji dengan plugin praktis ini untuk menambahkan CSS ke panel kontrol: https://github.com/doublesecretagency/craft-cpcss

@croxton terima kasih atas perbaikannya! Karena saya masih tidak dapat mereproduksi, hanya akan mengandalkan itu :)

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

cstudios-slovakia picture cstudios-slovakia  ·  6Komentar

diluno picture diluno  ·  3Komentar

sidm1983 picture sidm1983  ·  7Komentar

lindseydiloreto picture lindseydiloreto  ·  4Komentar

lukeyouell picture lukeyouell  ·  26Komentar