the computer will be blocked for a long time while initializing a large document with many database-table in editable mode

[raintoway]

Conditions

1. initialize a large document
2. document has many database-table
3. in editable mode

Problem

the computer will be blocked for a long time while initializing

Question

in the packages/framework/inline/src/inline-editor.ts, there are two functions

mount(rootElement: HTMLElement, eventSource: HTMLElement = rootElement) {
    ...
    this._rootElement.contentEditable = 'true';
    this._rootElement.style.outline = 'none';
    this._eventSource.contentEditable = 'true';
    this._eventSource.style.outline = 'none';
    ...
}

setReadonly(isReadonly: boolean): void {
    this.rootElement.contentEditable = isReadonly ? 'false' : 'true';
    this.eventSource.contentEditable = isReadonly ? 'false' : 'true';
    this._isReadonly = isReadonly;
}

and the this._rootElement.contentEditable = 'true' and this._eventSource.contentEditable = 'true'; will be executed twice by mount and setReadonly while initializing

when i comment this two statements in mount , the block/lagging disappeared

so why we need execute this two statements when mount , or have any other ways to solve the block/lagging？