Get width of <Box>

Is it possible to obtain the width of the Box element in Ink 2.0?

[vadimdemedes]

I’m thinking about measureElement method that Ink could expose that would allow you to measure any element after component is mounted. For example:

import {measureElement} from 'ink';

class Hello extends React.Component {
  constructor() {
    super()

    this.elementRef = React.createRef()
  }

  render() {
    return (
      <SomeElement ref={this.elementRef}/>
    )
  }

  componentDidMount() {
    const dimensions = measureElement(this.elementRef)
    //=> { width: 40, height: 20 }
  }
}

What do you think?

[jdeniau]

It does seems to work, but it seems to be not that used in the React ecosystem, isn’t it ?

Moreover, it may be difficult to react to a size change (if you resize your terminal for example).

Another solution might to expose a onDimensionChanged callback on Box, that is called on first rendering and when the box dimension did change, but I’m not really happy with this either ^^