javascript - 更改自动完成的宽度

Question

我一直在使用 ace 自动完成器，我遇到过单词长度比 ace 自动完成器的默认宽度大得多的情况。

我已经添加了一些 CSS 来为自动完成添加水平滚动，但是列表底部的单词被删除了。有没有人遇到过类似的问题并进行了一些修复以显示长名称？

Answer 1

我通过获取自动完成器中最长字符串的长度解决了这个问题，然后创建一个跨度以复制具有相同字体大小和字体系列的相同字符串，以便我可以确定字符串的宽度。

                $('body').append("<span id='longText'></span>");
                var longElement = $('body').find("#longText");

                longElement.text(longestValue); //longestValue containts the Long String
                var longeElementWidth = longElement.width();
                var autoCompleterWidth = $(".ace_autocomplete").width();

                if (longeElementWidth > autoCompleterWidth) {
                    var newAutoCompleteWidth = longeElementWidth + 15 + "px";

                    $(".ace_editor.ace_autocomplete").width(newAutoCompleteWidth);
                } else {
                    //Defaulting the width of the autocompleter to 350px
                    $(".ace_editor.ace_autocomplete").width("350px");
                }                        
                longElement.remove();