Выпадающий список формат, поставляемый с редактором kendo, отображается неправильно. Отображается только тогда, когда в нем нет места для открытия вниз

#javascript #jquery #.net #asp.net-mvc #kendo-editor

Вопрос:

Когда я нажимаю на формат, он как бы блокируется и после этого ничего не может ввести в редакторе. Это происходит, когда кнопка формат находится в середине страницы. введите описание изображения здесь

Как показано ниже, если в раскрывающемся списке формат нет места внизу, то он отображается идеально. введите описание изображения здесь

то же самое происходит и при загрузке изображения. введите описание изображения здесь

введите описание изображения здесь

Got source codes from here: https://demos.telerik.com/kendo-ui/editor/imagebrowser

This is the code I have added to implement the kendo editor

 $(function () {
    $("#quest").kendoEditor({
        
        imageBrowser: {
            transport: {
                read: "@Url.Action("Read", "ControlerName")",
                destroy: {
                    url: "@Url.Action("Destroy", "ControlerName")",
                    type: "POST"
                },
                create: {
                    url: "@Url.Action("Create", "ControlerName")",
                    type: "POST"
                },
         thumbnailUrl: "@Url.Action("Thumbnail", "ControlerName")",
         uploadUrl: "@Url.Action("Upload", "ControlerName")",
         imageUrl: "@Url.Action("Image?path={0}", "ControlerName")",
            }

        },
        tools: [
            "formatting",
            "bold",
            "italic",
            "underline",
            "superscript",
            "subscript",
            "justifyLeft",
            "justifyCenter",
            "justifyRight",
            "VerticalAlignTop",
            "Vertical-AlignTop",
            "Verticaltop",
            "insertUnorderedList",
            "insertOrderedList",
            "indent",
            "outdent",
            "insertImage",
            "createTable",
            "addRowAbove",
            "addRowBelow",
            "addColumnLeft",
            "addColumnRight",
            "deleteRow",
            "deleteColumn"            
        ]
      
    })"