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

Question

我遇到 chrome 87.0.4280.67 和 Sencha ExtJs 7.x 的问题，在 chrome 更新字段集标签后不可见。

我可以在官方的 kitchensink 示例中看到问题： https://examples.sencha.com/extjs/7.2.0/examples/kitchensink/?classic#form-fieldcontaine

Answer 1

我们通过添加

修复了它

position:static

或

position: unset // (thanks to mitchell)

至

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

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

Answer 2

我用

修复了它

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

仅使用@Gasper 答案中的位置技术适用于只有标签的字段集，但对于可折叠字段集，expand/collapse 图标仍然隐藏。

Answer 3

根据 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 上测试过了

Answer 4

似乎是唯一一个运行良好且不影响 Safari 的简单方法：

.x-fieldset {
    overflow: unset;
}

Answer 5

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

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

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

Problem Fieldset label not visible with Sencha ExtJs 7.x on chrome 87.0.4280.67

extjs