Can I pass web Components as part of the row data

[Subha]

Asking a Question?

We have been using react-virtualized for a while now, we started moving to use web components. When i add a web component inside the rowrenderer the height is not being recalculated . Is web components supported?

`private rowRenderer = ({ key, index, style, parent }) => (

{ // TODO: Per documentation, CellMeasurer allows children that are: // either a React element as a child (eg

) or a function (eg. ({ measure }) =>

). // but the available @types only allow a function child. Fix when newer @types are available. ({ measure, registerChild }) => (

{console.log(registerChild)} {(this.state.itemsFetched && this.state.itemsFetched[index]) ? this.props.renderItem(index, this.getContentModel(index), this.props.columns, this.props.rows, this.props.lockedColumns, this.props.lockedGrid, this.props.setRowHeights, this.props.handleHover, this.props.selectRow, this.props.handleRowClick) : '...'}

) }

);`

Added two scenarios

1. Rendering web component the styles are not being measured properly.

2. Added a web component button with react content. When there is react content everything works as expected

Please don't file GitHub issues to ask questions! Instead use:

• Stack Overflow: http://stackoverflow.com/questions/tagged/react-virtualized

• © Githubissues.
• Githubissues is a development platform for aggregating issues.