Redactor: Не удается выполнить прокрутку после просмотра исходного HTML-кода

Созданный на 24 янв. 2019  ·  17Комментарии  ·  Источник: craftcms/redactor

97

Уже сообщили, но закрыты из-за бездействия.

У меня точно такая же проблема, но полоса прокрутки не исчезает, просто не работает.
Изменение размера окна заставляет его работать, пока я снова не прокручиваю.

В консоли браузера нет ошибок.

Те же шаги для воспроизведения:

  1. Включить плагин источника html ( _button?_ ) для поля редактора
  2. Вставьте достаточно текста, чтобы появилась полоса прокрутки
  3. Показать html-источник вставленного текста
  4. Прокрутить вниз
  5. После прокрутки вниз полоса прокрутки исчезает (_не для меня_). Пользователь не может прокрутить обратно вверх - при попытке страницы немного "прыгают" вверх, а затем возвращаются на предыдущую позицию. Все кнопки редактора исчезают.

Единственное, что здесь есть, это то, что в конфигурацию моего редактора добавлено пользовательское форматирование, но после некоторого тестирования это не имеет значения.

Крафтовая CMS 3.1.3
Редактор 2.3.0

Самый полезный комментарий

@angrybrad

https://streamable.com/f6we5

(Ожидание перед попыткой щелкнуть полосу прокрутки - это попытка прокрутки с помощью мыши)

Все 17 Комментарий

Все еще не могу воспроизвести это, но только что выпустил версию 2.3.2, которая включает более новую версию Redactor. Это, вероятно, исправлено сейчас, но дайте мне знать, если это не так.

Только что обновился до последней версии, а ошибка все еще здесь!

Очевидно, это исправлено в Firefox, но все еще здесь в Chrome 72.

Я в системе Windows 10.

Можете ли вы воспроизвести эту ошибку на https://imperavi.com/redactor/ ?

У меня такая же проблема с использованием Windows 10 в последней версии Chrome. Последняя версия крафта и последняя версия плагина. Если я переключаюсь на просмотр кода, появляется html, но при прокрутке он сразу же перемещает полосу прокрутки вниз и просто показывает пустой черный ящик, а полоса прокрутки замораживается. Я заметил на странице imperavi выше, если я добавляю такое же количество текста и переключаю представления, представление кода имеет большое количество черного пространства под кодом, т.е. редактор сохраняет ту же высоту, что и текстовый режим. Мне интересно, может быть, это часть проблемы. В настоящее время невозможно использовать кодовый режим.

Только что заметил, что это происходит только при переключении с длинного текстового представления на представление кода. Если у вас есть пустое поле редактора, и вы переключаетесь на просмотр кода и вставляете код, полоса прокрутки внутри поля работает нормально.

@lettie16 , вы можете воспроизвести эту ошибку на https://imperavi.com/redactor/ ?

Можете ли вы воспроизвести эту ошибку на https://imperavi.com/redactor/ ?

Привет Андрис,

Нет, я не могу повторить это на этом сайте. Но я не думаю, что это похоже на сравнение, я считаю, что это как-то связано с тем, как он взаимодействует с полем cms для рукоделия. как я упоминал выше, если у вас есть чистое пустое поле, вставка в представление кода работает нормально, но полоса прокрутки находится внутри редактирования, как этот редактор.

Если вы вставляете много текста в текстовом представлении, а затем переключаетесь в представление кода, возникает проблема, и полоса прокрутки появляется за пределами редактора, т.е. прокручивает всю панель полей, а не только редактор, за исключением того, что это не так, потому что он зависает.

Я думаю, что это может быть как-то связано с тем, как код пересчитывает высоту редактора после переключения видов.

Трудно воспроизвести это в Windows 10, Chrome 72 и последней версии Craft 3 и Redactor. Может ли кто-нибудь записать быстрое видео поведения на случай, если я где-то пропущу шаг?

@angrybrad

https://streamable.com/f6we5

(Ожидание перед попыткой щелкнуть полосу прокрутки - это попытка прокрутки с помощью мыши)

@timoteh хм ... может быть, это как-то связано с пребыванием внутри Matrix / Super Table? Можете ли вы отправить свой файл composer.json и дамп базы данных на адрес [email protected] и указать эту проблему и указать нам на запись/поле в видео, которое вы использовали?

Я попытался использовать его вне Matrix/Super Table, и результат тот же.

@angrybrad , готово!

@timoteh Сначала я смог воспроизвести это через некоторое время, но вернуться к этому я больше не могу. Можете ли вы убедиться, что у вас установлены последние версии Chrome/Reactor и Craft, и посмотреть, по-прежнему ли это проблема для вас?

@angrybrad
Только что попробовал в Chrome, все то же самое.

Гугл Хром
Версия 73.0.3683.103 (официальная сборка) (64-разрядная версия)
Крафтовая CMS 3.1.23
Редактор 2.3.2

@timoteh , может быть, это как-то связано с размером экрана / разрешением? Вы работаете с развернутым браузером и с каким разрешением?

@angrybrad Да, максимизировано, но даже когда я пытаюсь поиграть с размером экрана, я всегда получаю один и тот же результат. Я пытался воспроизвести его на нескольких установках Craft 3, и у меня всегда получалось!

Мои коллеги на iOS больше не могут его воспроизвести, поэтому вот моя установка:
image

А как насчет тебя, @lettie16 ?

Также наблюдается эта проблема в Win10 + Chrome 74.0.3729.131 + Craft 3.1.25 + Redactor 2.3.3.2

Я заметил в инструментах разработчика, что что-то в javascript, похоже, попало в бесконечный цикл, поскольку он снова и снова начинает устанавливать этот div в «display: none»:

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

Еще несколько заметок:

  • Кажется, что javascript заставляет прокручиваемый элемент полностью прокручиваться вниз.
  • Он останавливается, если я нажимаю на другую вкладку макета поля (т. Е. Скрывая поле редактора).
  • Кажется, что с более длинным постом он не срабатывает сразу при прокрутке — мне нужно прокрутить определенную часть вниз, прежде чем сработает ошибка.

Нашел CSS-решение для этой проблемы, предотвратив установку div contenteditable , который содержит содержимое WYSIWYG, на display: none , когда исходный div виден, что, в свою очередь, кажется, останавливает Redactor, входящий в бесконечный цикл . Добавьте этот CSS в свой CP:

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

Тестирование в последних версиях Chrome и Firefox на Mac и Chrome на ПК.

Вы можете протестировать этот удобный плагин для добавления CSS в панель управления: https://github.com/doublesecretagency/craft-cpcss .

@croxton спасибо за исправление! Поскольку я все еще не могу воспроизвести, я просто буду полагаться на это :)

Была ли эта страница полезной?
0 / 5 - 0 рейтинги