chrome 87.0.4280.67上的Sencha ExtJs 7.x不可见问题字段集标签

chrome 87.0.4280.67上的Sencha ExtJs 7.x不可见问题字段集标签,extjs,Extjs,我对chrome 87.0.4280.67和Sencha ExtJs 7.x有一个问题,chrome更新后字段集标签不可见 我可以从官方的厨房水槽示例中看出问题: 我们通过添加 位置:静态 或 职位:unset/(感谢mitchell) 到 .x-fieldset-header-default>.x-fieldset-header-text 我在Chrome、Firefox和Edge的ExtJS 6.2.1和7.3.1中对它进行了测试,目前可以正常工作。我用 .x-fieldset-header

我对chrome 87.0.4280.67和Sencha ExtJs 7.x有一个问题,chrome更新后字段集标签不可见

我可以从官方的厨房水槽示例中看出问题: 我们通过添加

位置:静态

职位:unset/(感谢mitchell)

.x-fieldset-header-default>.x-fieldset-header-text

我在Chrome、Firefox和Edge的ExtJS 6.2.1和7.3.1中对它进行了测试,目前可以正常工作。

我用

.x-fieldset-header,
.x-fieldset-header .x-tool-tool-el {
    overflow: unset;
}

仅使用@Gasper答案中的定位技术对只有标签的字段集有效,但对于可折叠字段集,展开/折叠图标仍然隐藏。

根据Sencha支持,最佳解决方案是:

.x-fieldset-header, .x-fieldset-header-default > .x-fieldset-header-text {
    position: initial;
}

.x-fieldset-header, .x-fieldset-header-default .x-tool-tool-el {
    overflow: initial;
}

我在Ext 7.3.1和6.5.3上测试了它,它似乎是唯一一个运行良好且不影响Safari的工具,它只是一个简单的:

.x-fieldset {
    overflow: unset;
}

我通过添加以下代码修复了它:

.x-fieldset-header, .x-fieldset-header-default .x-tool-tool-el {
    overflow: static;
}

css类x-fieldset overflow设置为hidden,将其更改为visible将起作用,但不确定更改会导致哪些副作用ExtJS 5也存在同样的问题。顺便说一句,在kitchensink的例子中,如果你切换chrome开发工具标签,如果它被扩展,chrome似乎解决了这个问题。在87.0.4280.88中工作正常只是想链接到一个未解决的问题,而这是一个仅针对Safari的问题-在某些情况下,这似乎不适用于复选框if
checkboxToggle:true
。需要x-fieldset(overflow:initial)。没有它,您将无法在大型字段集中滚动。