Я собрал демонстрацию стекаблика , где я пытаюсь визуализировать Сетка Kendo React внутри response-popout-component , который является popoutоконный компонент.Демонстрация отлично работает в Chrome, Opera и Firefox, но не работает в Edge и IE11, потому что getComputedStyle возвращает ноль.
Ошибка возникает в следующем файле:
node_modules\@progress\kendo-react-grid\dist\es\header\Header.js
И другиеточно в следующей функции:
Header.prototype.componentDidMount = function () {
this.setState({});
var scrollbarWidth = (new BrowserSupportService()).scrollbarWidth;
var rtl = this.element && (getComputedStyle(this.element).direction === 'rtl') || false;
var padding = Math.max(0, scrollbarWidth - 1) + 'px';
var right = rtl ? 0 : padding;
var left = rtl ? padding : 0;
this.divStyle = { padding: "0 " + right + " 0 " + left };
};
В IE11 и Edge getComputedStyle (this.element) возвращает ноль для заголовка сетки (k-grid-header).
Я должен признаться, что я потерян:)