MaterializeCSS自动完成功能不断提高

时间:2019-12-09 16:49:28

标签: javascript materialize

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

1)您如何强制其始终向下移动?或者,2)当它决定向上打开时,如何告诉它在输入区域上方打开而不覆盖它?这些解决方案都可以。

我找到的最接近的解决方案是here(用于下拉菜单)和here,但是在我看来,这些解决方案看起来像jQuery(我还不熟悉),并且需要普通的JavaScript解决方案。

我通过CDN使用MaterializeCSS 1.0.0版。

图片:Autocomplete ClosedAutocomplete Open

2 个答案:

答案 0 :(得分:0)

您好,由于下面没有空格,但自动填充功能正在提高,但使用可以尝试以下代码

<style>

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

        }
      </style>

或者您可以添加jquery以在单击自动完成后添加父div的高度

$("#idofautocomplte").on("click", function () {
        $("#parentDivId").css("height", "400px"); 
    });

答案 1 :(得分:0)

尝试使用此样式:

subprojects{}

此保持自动完成始终向下 对我来说效果很好