MaterializeCSS自动完成功能不断向上

Question

Materialize CSS自动完成功能在屏幕的下端以向上的位置打开，并且有较大的列表显示，问题是光标闪烁的文本输入区域被覆盖，用户看不到他可以打字的想法。

1）如何迫使它始终向下移动？或者，2）当它决定向上打开时，如何告诉它在输入区域上方打开而不覆盖它？这些解决方案都可以。

我找到的最接近的解决方案是here（用于下拉菜单）和here，但是这些解决方案在我看来像jQuery，但我还不熟悉，但需要一个普通的JavaScript解决方案。

我通过CDN使用MaterializeCSS 1.0.0版。

图片：Autocomplete Closed和Autocomplete Open

Answer 1

嗨，自动完成功能正在上升，因为下面没有空格，但是使用可以尝试这段代码

<style>

        #autocomplete-options-509040f2-ba4c-72d4-413d-2e375f5c25f8
        {
             position: initial;

        }
      </style>

或者您可以添加jquery以在单击自动完成后添加父div的高度
$("#idofautocomplte").on("click", function () {
        $("#parentDivId").css("height", "400px"); 
    });