estamos usando ReactDataGrid versión anterior 5.0.1. dado que está en producción, no podemos actualizarlo de inmediato.

cuando haga doble clic en una cuadrícula, entrará en modo de edición. y al escribir ( corchete, se abrirá un dropdown como se muestra a continuación, pero esto working fine only in ubuntu .

En Windows Chrome, solo la primera celda cuando se escribe corchete ( al editar, se abrirá un menú desplegable. remaining cells when typed ( it is force closing edit mode . Consulte la imagen GIF a continuación.

 "react-data-grid": "5.0.1", "react-data-grid-addons": "5.0.4-2",

 handleKeydown = (e) => { e.stopPropagation() if (e.key == "(") { this.setState({ showDropdown: true }) } else if (e.key == ")") { this.setState({ MDDvalue: [], showDropdown: false, }) } }

 <div onKeyDown={this.stopPropagation} style={{ pointerEvents: `${isEditable ? "all" : "none"}` }} className="cell_bg-wrapper"> <input value={this.state.value} ref="hybridinput" onKeyDown={this.handleKeydown} onChange={(e) => this.handleChangeComplete(e)} /> {this.state.showDropdown ? ( <React.Fragment> <div onKeyDown={this.stopPropagation} style={{ width: "100%", position: "relative", right: 0, bottom: 5, backgroundColor: "white", color: "black", }}> <Select value={this.state.MDDvalue} onChange={this.addValue} options={options} defaultMenuIsOpen={true} isMulti={true} closeMenuOnSelect={!true} onBlur={this.onBlur} onKeyDown={this.onKeyDownofSelect} /> </div> </React.Fragment> ) : null} </div>