TinyMCE - 链接工具，目标下拉列表 - 失败位置答案

【问题标题】：TinyMCE - link tool, target dropdown list - failed positionTinyMCE - 链接工具，目标下拉列表 - 失败位置
【发布时间】：2019-12-02 16:08:55
【问题描述】：

我正在使用标准的 TinyMCE 设置，但是我遇到了问题。当我想插入链接（使用链接工具）时，弹出窗口会按预期打开。

从那里我想选择链接目标选项。当我点击它时，它应该会打开一个下拉菜单，并带有选择选项。

在出现选项时，下拉列表位于视图的底部而不是下拉下拉下拉下方。

我一直试图通过 Google 和 Stack Overflow 线程找到解决方案，但我还没有运气。

我也尝试过操作 DOM，但在单击选择时找不到重新定位选择器下的下拉列表的方法。

我从 2018 年 2 月 19 日开始使用 TinyMCE 4.7.7 版。

感谢您的宝贵时间。

--------- 更新 -------------

Js fiddle 用于显示问题

<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.7.7/tinymce.min.js"></script>
    <script>
    tinymce.init({
    selector: "textarea",
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
    </script>
    <h2>test</h2>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<textarea></textarea>

【问题讨论】：

标签： jquery tinymce tinymce-4 tinymce-plugins

【解决方案1】：

我无法重现 TinyMCE 4.6.7 或 4.7.9 中描述的问题。在这两个测试中，链接目标选择的下拉菜单出现在下拉选择器下方。以下是我的测试中 TinyMCE 4.6.7 中菜单的显示方式：

这是显示此行为的唯一下拉菜单吗？

您是否有其他样式或框架可能会改变下拉菜单的行为？

这是一个空白的 Tiny Fiddle： http://fiddle.tinymce.com/baaaab

您可以在左侧边栏中设置 TinyMCE 版本。你能复制那里的问题吗？如果不是，那么应用程序的某些其他部分可能正在影响下拉行为。

【讨论】：

我正在使用 bootstrap 和 select2。它可能是select2。让我测试一下。
您说得对，先生。试图在空白页面上执行此操作。它起作用了，所以有些事情搞砸了。感谢您的帮助。
没关系。只是资助它并不重要。它将下拉列表向下移动，具体取决于我在打开页面之前向下滚动了多远。

【解决方案2】：

根据您的 JS Fiddle，您使用的是较旧的 TinyMCE 版本。如果您更新到最新的 TinyMCE 4 (4.9.5)，在我的测试中不会再出现该问题。如果您更新 JS fiddle 以将此脚本用于 TinyMCE：

<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.9.5/tinymce.min.js"></script>

...你还看到这种情况吗？

【讨论】：