Javascript t下拉菜单位置错误

我有一个Angular 12项目，具有@tinymce/tinymce Angular@^4.2.1依赖项

在某个视图中，我有以下代码

<editor
            [init]="{
              min_height: 350,
              base_url: '/tinymce', 
              suffix: '.min',
              plugins: [
                  'advlist autolink lists link image charmap print preview anchor',
                  'searchreplace visualblocks code fullscreen',
                  'insertdatetime media table paste code help wordcount autoresize'
              ],
              autoresize_bottom_margin: 20,
              contextmenu: '',
              end_container_on_empty_block: true,
              toolbar:
              'undo redo | formatselect | bold italic backcolor | \
              alignleft aligncenter alignright alignjustify | \
              bullist numlist outdent indent | removeformat | help'        
              }"
              [initialValue]="activeCompendium.text"
              formControlName="text"
              >
            </editor>

当我单击展开下拉菜单的任何按钮时，例如，段落，相应的下拉菜单会出现在网站底部，而不是预期的。 我试着用网站上肮脏的css黑客来弥补它

.tox tinymce aux

容器，其中插入了所有下拉菜单，但没有帮助。 如何正确设置下拉菜单的锚点/容器，使其看起来像应该的那样

---

图1。错误定位的一个例子

对于遇到此问题的每个人，注意您的外部容器

其中一些可能需要

.container {
height: 100%
}

通过将所需属性添加到“材质选项卡”容器，修复了我的错误