Redactor: 查看 HTML 源代码后无法滚动

创建于 2019-01-24 · 17评论 · 资料来源: craftcms/redactor

97

已报告但因不活动而关闭。

我在这里遇到了完全相同的问题，但是滚动条并没有消失，只是不起作用。
调整窗口大小使其工作，直到我再次滚动。

浏览器控制台内没有错误。

重现的相同步骤：

为编辑器字段启用 html 源插件 ( _button?_ )
粘贴足够的文本，以便出现滚动条
显示粘贴文本的 html 源
向下滚动
向下滚动后，滚动条消失（_不适合我_）。用户无法向上滚动 - 尝试时，页面会向上“跳跃”一点，然后返回到之前的位置。所有编辑器按钮都会消失。

这里唯一的事情是我在我的编辑器配置中添加了一个自定义格式，但是经过一些测试，它没有任何区别。

制作 CMS 3.1.3
编辑器 2.3.0

资料来源

timoteh

最有用的评论

@angrybrad

https://streamable.com/f6we5

（尝试单击滚动条之前的等待是我尝试用鼠标滚动）

timoteh 于 2019-02-22

👍2

所有17条评论

仍然无法重现这一点，但刚刚发布了 2.3.2 版本，其中包括更新的 Redactor 版本。这现在可能已修复，但如果不是，请告诉我。

andris-sevcenko 于 2019-02-21

刚刚更新到最新版本，bug还在！

显然它已在 Firefox 上修复，但在 Chrome 72 上仍然存在。

我在 Windows 10 系统上。

timoteh 于 2019-02-21

你能在https://imperavi.com/redactor/上重现这个错误吗？

andris-sevcenko 于 2019-02-22

我在最新版本的 chrome 上使用 Windows 10 时遇到了同样的问题。最新版本的工艺和最新版本的插件。如果我切换到代码视图，则会出现 html，但在滚动时会立即将滚动条移动到底部，并且只显示一个空白黑框，并且滚动条会冻结。如果我在上面的 imperavi 页面上添加相同数量的文本并切换视图，则代码视图在代码下方有大量黑色空间，即编辑器保持与文本模式相同的高度。我想知道这是否可能是问题的一部分。目前无法使用代码模式。

刚刚注意到它只发生在从长文本视图切换到代码视图时。如果您有一个空的编辑器字段并且您切换到代码视图并粘贴代码，则滚动条在该字段内可以正常工作。

lettie16 于 2019-02-22

@lettie16你能在https://imperavi.com/redactor/上重现这个错误吗？

andris-sevcenko 于 2019-02-22

你能在https://imperavi.com/redactor/上重现这个错误吗？

嗨安德里斯，

不，我不能在这个网站上复制它。但我不认为这是一个类似的比较，我相信它与它与工艺 cms 领域的交互方式有关。正如我上面提到的，如果你有一个干净的空白字段粘贴到代码视图中工作正常，但滚动条在编辑器中，就像这个编辑器一样。

如果您在文本视图中粘贴大量文本，然后切换到代码视图，则会出现问题，并且滚动条出现在编辑器之外，即滚动整个字段面板，而不仅仅是编辑器，因为它冻结了。

我认为这可能与代码在切换视图后如何重新计算编辑器的高度有关。

lettie16 于 2019-02-22

👍1

很难在 Windows 10、Chrome 72 和最新版本的 Craft 3 和 Redactor 上重现这一点。如果我在某处遗漏了一步，有人可以录制一个快速的行为视频吗？

angrybrad 于 2019-02-22

@angrybrad

https://streamable.com/f6we5

（尝试单击滚动条之前的等待是我尝试用鼠标滚动）

timoteh 于 2019-02-22

👍2

@timoteh hrm ......也许它与 Matrix/Super Table 的内部有关？您能否将您的 composer.json 文件和数据库转储发送到[email protected]并参考此问题并将我们指向您使用的视频中的条目/字段？

angrybrad 于 2019-02-23

我尝试在矩阵/超级表之外使用它，结果是一样的。

@angrybrad ，完成！

timoteh 于 2019-02-25

@timoteh我最初能够在一段时间后重现这个，但回到它我不再可以了。您能否确保您使用的是最新的 Chrome/Reactor 和 Craft 并查看它是否仍然是您的问题？

angrybrad 于 2019-04-16

@angrybrad
刚刚在 Chrome 中尝试过，还是一样。

谷歌浏览器
版本 73.0.3683.103（官方版本）（64 位）
制作 CMS 3.1.23
编辑器 2.3.2

timoteh 于 2019-04-17

@timoteh也许它与屏幕尺寸/分辨率有关？您是否在最大化浏览器的情况下以什么分辨率运行？

angrybrad 于 2019-04-17

@angrybrad是的，已最大化，但即使我尝试使用屏幕尺寸，我总是得到相同的结果。我尝试在多个 Craft 3 设置上重现它，而且我总是可以！

我在 iOS 上的同事无法再重现它，所以这是我的设置：

另外， @lettie16你呢？

timoteh 于 2019-04-17

在 Win10 + Chrome 74.0.3729.131 + Craft 3.1.25 + Redactor 2.3.3.2 上也看到了这个问题

我在开发工具中注意到，javascript 中的某些内容似乎陷入了无限循环，因为它开始一遍又一遍地将此 div 设置为“显示：无”：

<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 正在强制可滚动元素一直滚动到底部。
如果我单击不同的字段布局选项卡（即隐藏编辑器字段），它将停止。
对于较长的帖子，它似乎不会在滚动时立即触发——我必须在错误出现之前向下滚动一定量。

JamesCatt 于 2019-05-04

通过防止contenteditable div 在源 div 可见时将保存 WYSIWYG 内容的 display: none 设置为display: none找到了一个 CSS 解决方案，这反过来似乎阻止 Redactor 进入无限循环. 将此 CSS 添加到您的 CP：

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

在 Mac 上测试最新的 Chrome 和 Firefox，在 PC 上测试 Chrome。

您可以使用这个方便的插件进行测试，以将 CSS 添加到控制面板： https ://github.com/doublesecretagency/craft-cpcss

croxton 于 2019-08-16

👍1

@croxton感谢您的修复！由于我仍然无法复制，所以只能依靠它:)

andris-sevcenko 于 2020-02-03

此页面是否有帮助？

0 / 5 - 0 等级

Redactor: 查看 HTML 源代码后无法滚动

97

最有用的评论

所有17条评论

相关问题