Kendo UI Flatcolorpicker无法在Kendo UI窗口中正确呈现

Question

KendoUI版本2013.3.1119 使用Kendo MVVM

我有一个颜色选择器，我使用调色板使用平面颜色选择器和颜色选择器。它们都正常工作，但平面颜色选择器的布局是关闭的，滑块的轨道不会渲染到适当的宽度。

如果flatcolorpicker直接加载到页面中而不是在kendo窗口中，则会正确呈现。

我没有申请任何特殊设置。

<div id="flatColorPicker"
     data-role="flatcolorpicker"
     data-bind="value: colorPaletteValue, enabled: enableColorSelection, events: { change: colorPaletteChange }">
</div>

我尝试了什么

• 删除了周围的所有其他html，窗口内的结果相同。
• 试图强行设定曲目的大小。
• 使用Chrome开发工具来操作CSS。
• 逐步浏览Kendo UI javascript以查看它最初呈现的位置。

什么有效，但不是决议

在初始加载后使用鼠标手动重新调整窗口大小，然后自行更正。

是否还有其他人遇到此问题或有任何其他想法尝试？

KendoUI窗口设置：

{
title: "Set Color",
resizable: false,
draggable: false,
width: 550,
height: 300,
actions: ["Close"]
}

Answer 1

进入同一问题：

我不知道这是否能解决这个问题，但我通过确保选择器的容器元素在实例化之前是可见的来修复它。我的代码看起来像：

$picker.kendoFlatColorPicker({
    // config
})
$container.show(); // $container contains the $picker

如果我只是颠倒它开始工作的顺序，那就结束了：

$container.show(); // $container contains the $picker
$picker.kendoFlatColorPicker({
    // config
})