Cuando uso ResizeObserver, creo un ObserverCallBack como
public handleCallBack: ResizeObserverCallback = entries => { entries.forEach(entry => { // get new size const newWidth = entry.borderBoxSize.inlineSize }) }Pero el tipo de borderBoxSize es ReadonlyArray de ResizeObserverSize
Debería cambiar mi código para que sea borderBoxSize[0]
Tengo mucha curiosidad por qué borderBoxSize debe ser una matriz, y cuando su longitud será mayor que 1
De acuerdo con la nota en https://drafts.csswg.org/resize-observer/#dom-resizeobserverentry-borderboxsize , aún no puede suceder, pero lo hará en una versión futura de las especificaciones:
Las propiedades de tamaño de cuadro se exponen como FrozenArray para admitir elementos que tienen varios fragmentos, que se producen en escenarios de varias columnas. Sin embargo, las definiciones actuales de content rect y border box no mencionan cómo esos cuadros se ven afectados por el diseño de varias columnas. En esta especificación, solo se devolverá un único ResizeObserverSize en FrozenArray, que corresponderá a las dimensiones de la primera columna. Una versión futura de esta especificación ampliará el FrozenArray devuelto para contener la información de tamaño por fragmento.