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
通常情况下，工作会停止。 特别是如果打开了许多标签。

有人可以指向带有react-dnd失败的示例案例的存储库？ 我有一个经常使用react-dnd的应用程序，但在firefox 56中我看不到任何问题。

还请确保指定您使用的操作系统，我发现最近html5拖放API在不同的操作系统中存在一些不一致之处

我在Linux上也观察到FF 56的问题（未在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-我确实通过昨天提交的拉取请求解决了该问题。 也许您可以尝试报告是否也解决了您的问题。

在Ubuntu 16.04上的FF 57.0.1上仍然存在问题。 我根本无法拖放，似乎拖动事件已开始，但此后立即取消。 在chrome中可以正常工作。

FF和OSX 10.13.1也有问题

编辑：我发现了另一个与此类似的问题（https://github.com/react-dnd/react-dnd/issues/778）。 检查它以获取更多详细信息。 还尝试了Beta FF Nightly（https://nightly.mozilla.org/），该错误已消失。 也许这是FF问题，而不是react-dnd。

@yankopetrov

我仍然在Nightly中遇到问题，但它似乎在应用程序中的作用不仅仅限于RDandD。 因此，我不确定我是否认为FF是否是导致该错误的真正原因以及他们是否已修复该错误的迹象。

@erwinverdonk ，您能分享您的解决方法吗？ 什么是公关？
干杯

@ Paddy-Hamilton是FF Nightly还是出现了一些错误。 与chrome和safari一起使用就像一种魅力，因此FF问题应该是这样。 我的案子正是所报道的FF问题中的案子。

@ Paddy-Hamilton：是的，我看到这里没有自动链接，所以这里是PR的链接： https :

那么有人知道这是什么问题吗？
我在Ubuntu 17.04上使用FF 57.0.4 64位，但仍无法正常工作。 甚至这个例子： http :

嗨，我发现了一些对我有用的解决方法。 我的拖放功能在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中，问题仍然存在，所以我不得不寻找替代方法，我遇到了react-beautiful-dnd ，它在FF以及所有其他主要浏览器中的作用都像魅力一样，并且标记比react-dnd少这是奖金。

国际象棋示例在FF 59.0.2中仍然不起作用

国际象棋教程在FF 60.0的Linux上不起作用：

1. 点击并按住骑士
2. 移至有效的正方形（一个呈现绿色的正方形）
3. 移动到相邻的正方形

预期结果：正方形突出显示为红色
实际结果：绿色方块永远高亮显示

另外：无论我的光标在什么正方形上，释放鼠标都会取消拖动。

您在Linux @adamhooper上使用吗？ 我无法在OSX中复制

浅顶软呢帽28

我希望安装今天的3.0.2更新会解决此问题。 不幸的是，它仍然坏了。 但是，我仅在Linux上进行过测试。 有人在不同的操作系统上尝试过该示例吗？

3.x更新主要针对改进类型。 我没有Linux机器，但是如果有人可以复制该机器并削减PR，那就太好了

我将研究可用于捕获此类问题的不同的跨浏览器测试工具。 现有的示例应该是测试的良好基准。

我可以确认我仅在Linux版本的Firefox上看到此问题。 在Windows上工作正常。

如果您查看sortable示例， simple不起作用，但是stress test起作用。
区别在于stress test正在更新requestAnimationFrame内的状态。

使用requestAnimationFrame可以为我解决。
Linux版Firefox。

知道了，这很有意义。 所以这可能与傻瓜有关
仅适用于Firefox的settimeouts。 如果我用
建议的修复程序，您愿意npm链接它并在Linux上对其进行测试吗？

Kyriakos Z在2018年6月5日星期二凌晨5:10发出[email protected]写道：

如果您看一下可排序的示例，简单的行不通，但是压力测试
作品。
不同之处在于压力测试正在更新内部的状态
requestAnimationFrame。

使用requestAnimationFrame为我解决它。
Linux上的Firefox。

-
您收到此邮件是因为您发表了评论。
直接回复此电子邮件，在GitHub上查看
https://github.com/react-dnd/react-dnd/issues/869#issuecomment-394685648 ，
或使线程静音
https://github.com/notifications/unsubscribe-auth/AAG7iExIfA_El7IoR80oWgIvo87n2ABBks5t5nVFgaJpZM4PPxNf
。

@darthtrevino当然可以！

我只是遇到了类似的问题。
虽然我已经有了最新版本的Firefox并在Linux上对dnd进行了响应。

引起我问题的原因是我的拖动处理程序（带有ref={props.connectDragSource} ）位于react路由器的<Link>内部。

我不知道为什么会导致此问题，但是只要将它放在<Link> ，一切就可以正常工作。

在这里发帖以防有人

我在Debian 10的Firefox 60.8.0esr中遇到了同样的问题。

更新requestAnimationFrame内部的状态可修复Firefox，但会导致拖动和Chrome变慢和损坏。

由于此问题最近没有活动，因此已被自动标记为陈旧。 如果没有进一步的活动，它将关闭。 感谢您的贡献。

请不要关闭它。 在Firefox 60.9.0esr中它仍然被破坏。

@SystemParadox您正在使用什么操作系统？

Linux（Debian 10）。 我还没有机会在Windows上尝试它，但是它与众不同似乎很奇怪。

软呢帽30
在Firefox 69.0.1中一切正常
在Firefox Nightly 70.0a1中损坏（​​2019-08-21）

• 在68.10.0esr中工作
• 在78.0.2中工作

如果他们在70.0a1中打破了它，那么似乎由于某种原因而不断打破，这有点令人担忧。 如果再次出现问题，那么我们确实需要创建一个最低限度的最小测试用例，并将票证提交给firefox开发人员。