All files / roosterjs-content-model-dom/lib/domToModel/utils isBlockElement.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
1x
 
1x
 
 
 
 
 
 
1x
1386x
1386x
 
1386x
 
 
import { getDefaultStyle } from './getDefaultStyle';
 
const BLOCK_DISPLAY_STYLES = ['block', 'list-item', 'table', 'table-cell', 'flex'];
 
/**
 * Check if the given element will be layout as a block
 * @param element The element to check
 * @param context The context of DOM to Content Model conversion
 */
export function isBlockElement(element: HTMLElement): boolean {
    const display = element.style.display == 'none' ? null : element.style.display;
    const effectiveDisplay = display || getDefaultStyle(element).display || '';
 
    return BLOCK_DISPLAY_STYLES.indexOf(effectiveDisplay) >= 0;
}