Chrome中不可预测的dojo内联样式

时间:2018-08-31 00:51:13

标签: javascript html css dojo

我有以下dojo ContentPane,它是AccordionContainer的第一个(在这种情况下,也是唯一的元素)。它形成了我页面的左侧。

<div data-dojo-type="dijit/layout/ContentPane" id="myPanel" class="dijitContentPane dijitAccordionContainer-child dijitAccordionContainer-dijitContentPane" widgetid="myPanel" style="width: 340px; height: 910px;">
    <div class="filterLabel">Name:</div>
    <input type="text" maxlength="200" id="nameInput">
    <div class="filterLabel">Fruits:</div>
    <select id="fruitTypeSelect">
        <option value="apples" selected="">Apples</option>
        <option value="bananas">Bananas</option>
    </select>
</div>

当我右键单击该元素并单击在Chrome中检查时,我会在顶部看到此内容:

element.style{
  style="width: 340px; height: 910px;"
}

在进一步阅读this question时,我发现这是嵌入式样式。

但是,这是Dojo插入的,因为我没有在任何CSS或其他任何地方设置它。

问题是,由于某种原因,这是非常不可预测的。刷新页面时,有时style="width: 340px; height: 910px;"部分会消失。检查时看起来像这样:

element.style{
}

这导致ContentPane在页面上不可见。右侧的所有内容都会接管/传播到左侧,以及我的ContentPane应该位于的位置。

这仅在Chrome中发生。

这可能是什么原因?如何查找原因并解决?我没有道场插入内联样式的问题。但是,它应该始终如一。

0 个答案:

没有答案