React-dnd: Не работает в Firefox

Однако React-dnd работает в Firefox 55.0.2.

не работает и в 56.0, никаких ошибок не было. Просто не могу щелкнуть и перетащить. отлично работает в Chrome

Есть идеи по этому поводу?
"react-dnd": "^ 2.5.4",
"react-dnd-html5-backend": "^ 2.5.4",

Firefox: 56.0
Часто перестает работать. Особенно, если открыто много вкладок.

может ли кто-нибудь указать на репозиторий с примером случая, в котором реакция-dnd не работает? У меня есть приложение, которое часто использует response-dnd, но я не вижу никаких проблем в Firefox 56.

также не забудьте указать ОС, которую вы используете, я видел, что недавно API перетаскивания html5 имеет некоторые несоответствия в разных ОС

Я также заметил проблемы с FF 56 в Linux (не тестировал в Windows или OSX).

http://react-dnd.github.io/react-dnd/examples-sortable-simple.html

В этом простом примере элемент будет двигаться максимум на 1 позицию, а затем перестанет сдвигать элементы, если, например, я возьму нижний элемент и попытаюсь переместить его вверх.

Также обсуждается в # 778

В нашем случае - DnD не работает в FF, примерный случай https://react-dnd.github.io/react-dnd/examples-drag-around-naive.html - я исправил проблему с запросом на перенос, который я отправил вчера . Возможно, вы могли бы попытаться сообщить, решает ли это и ваше дело.

По-прежнему возникают проблемы с FF 57.0.1 в Ubuntu 16.04. Я вообще не могу перетаскивать, кажется, что событие перетаскивания начинается, но сразу же отменяется. Прекрасно работает в хроме.

У меня тоже проблемы с FF и OSX 10.13.1

Изменить: я обнаружил еще одну проблему, похожую на эту (https://github.com/react-dnd/react-dnd/issues/778). Проверьте это для более подробной информации. Также попробовал бета-версию FF Nightly (https://nightly.mozilla.org/), и ошибки исчезли. Возможно, это проблема FF, а не response-dnd.

@yankopetrov

Я все еще испытываю проблемы в Nightly, но, похоже, в приложении возникает гораздо больше проблем, чем просто RDandD. Поэтому не уверен, что я доверяю этому как признаку, является ли FF реальной причиной ошибки, и исправили ли они ее.

@erwinverdonk , не могли бы вы поделиться своим исправлением? какой был пиар?
ура

@ Paddy-Hamilton: да, с FF Nightly все еще появляются баги. Работа с хромом и сафари, как шарм, должна быть проблемой FF. Мой случай точно такой же, как и в сообщенной проблеме FF.

@ Paddy-Hamilton: Да, я вижу, здесь не было автоматической ссылки, так что вот ссылка на PR: https://github.com/react-dnd/react-dnd/pull/928

Так кто-нибудь знает, в чем проблема?
Я использую 64-битную версию FF 57.0.4 на Ubuntu 17.04, но она все еще не работает. Даже этот пример: http://react-dnd.github.io/react-dnd/examples-chessboard-tutorial-app.html

Привет, я нашел какое-то обходное решение, которое сработало для меня. Мое перетаскивание отлично работало в Chrome, но совсем не работало в FF.
Итак, мой код раньше:
render() { return ( isDragging ? null : <div className='myDraggableComponent'>...</div>)}
И после:
render() { return <div className='myDraggableComponent' style={{ visibility: isDragging ? 'hidden' : 'visible' }}>...</div>)}

@dmitrystril @yankopetrov

Проблема все еще была для меня в FF Nightly, поэтому мне пришлось искать альтернативы, я наткнулся на response-beautiful-dnd, и он работает как шарм в FF, а также во всех других основных браузерах, и имеет меньше разметки, чем response-dnd что является бонусом.

Пример Chess по-прежнему не работает в FF 59.0.2

Учебник по шахматам не работает в Linux с FF 60.0:

1. Нажмите и удерживайте рыцаря
2. Перейти к правильному квадрату (который становится зеленым)
3. Перейти на соседний квадрат

Ожидаемые результаты: квадрат выделен красным
Фактические результаты: зеленый квадрат остается подсвеченным навсегда

Также: независимо от того, в каком квадрате находится мой курсор, отпускание мыши отменяет перетаскивание.

А ты на Linux @adamhooper? Я не могу воспроизвести в OSX

Fedora 28

Я надеялся, что установка сегодняшнего обновления 3.0.2 исправит это. К сожалению, он все еще сломан. Однако я тестировал только на Linux. Кто-нибудь пробовал пример на другой операционной системе?

Обновления 3.x в основном нацелены на улучшение типов. У меня нет Linux-машины, но если бы кто-то мог воспроизвести это и сократить PR, это было бы здорово.

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

Могу подтвердить, что видел эту проблему только в версии Firefox для Linux. Прекрасно работает в Windows.

Если вы посмотрите на sortable примеры, simple не работает, но stress test работает.
Разница в том, что stress test обновляет состояние внутри requestAnimationFrame .

Использование requestAnimationFrame решает эту проблему за меня.
Firefox для Linux.

Понятно, в этом есть смысл. так что это, вероятно, как-то связано с тупой
settimeouts, которые были предназначены только для Firefox. Если я срежу ветку
Предлагаемое исправление, не могли бы вы связать его npm и протестировать на Linux?

Во вторник, 5 июня 2018 г., 5:10 Кириакос З. [email protected] написал:

Если вы посмотрите на отсортированные примеры, простое не работает, но стресс-тест
работает.
Разница в том, что стресс-тест обновляет состояние внутри
requestAnimationFrame.

Использование requestAnimationFrame решает эту проблему за меня.
Firefox в Linux.

-
Вы получили это, потому что оставили комментарий.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/react-dnd/react-dnd/issues/869#issuecomment-394685648 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/AAG7iExIfA_El7IoR80oWgIvo87n2ABBks5t5nVFgaJpZM4PPxNf
.

@darthtrevino да, конечно!

Я столкнулся с похожей проблемой.
Хотя у меня уже были последние версии Firefox и реагирую dnd (на linux).

Причиной моей проблемы было то, что мой обработчик перетаскивания (компонент с ref={props.connectDragSource} ) находился внутри <Link> от маршрутизатора реакции.

Я не знаю, почему это вызвало проблему, но как только я вынес его за пределы <Link> , все

Публикация здесь на случай, если это кому-то поможет

У меня такая же проблема в Firefox 60.8.0esr на Debian 10.

Обновление состояния внутри requestAnimationFrame исправляет его для Firefox, но делает перетаскивание и Chrome медленным и неработающим.

Эта проблема была автоматически помечена как устаревшая, поскольку в последнее время не было активности. Он будет закрыт, если больше не будет активности. Спасибо за ваш вклад.

Пожалуйста, не закрывайте это. В Firefox 60.9.0esr он все еще не работает.

@SystemParadox Какую ОС вы используете?

Linux (Debian 10). У меня еще не было возможности попробовать его в Windows, но мне кажется очень странным, что он отличается.

Fedora 30
Все отлично работает в Firefox 69.0.1
Не работает в Firefox Nightly 70.0a1 (21.08.2019)

• Работает в 68.10.0esr
• Работает в 78.0.2

Если они сломали его в 70.0a1, то, похоже, он по какой-то причине продолжает ломаться, что немного беспокоит. Если он снова сломается, нам действительно нужно создать минимальный тестовый пример и отправить заявку разработчикам firefox.