Ag-grid: Custom cell renderer containing a textbox loses focus when value in the textbox is changed

Created on 27 Jul 2018  路  1Comment  路  Source: ag-grid/ag-grid

I'm submitting a ... (check one with "x")

[ x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://github.com/ceolter/ag-grid/blob/master/CONTRIBUTING.md#question

Current behavior

Create a custom cell renderer that renders a textbox.
Update the row node with the new value coming from the textbox the user is typing into.
The textbox loses focus after each change to the value in the textbox

Expected behavior

The textbox remains focused

Minimal reproduction of the problem with instructions

See a demo of it here: https://plnkr.co/edit/Pz2LTB3xzkSAMkZhAulr?p=preview
Type into any of the textboxes to see the issue.

What is the motivation / use case for changing the behavior?

I would like to create a custom cell renderer that allows user input into a textbox. I would like to customize the functionality of the input, that is why I am not using the built in edit functionality.

Please tell us about your environment:

OSX

  • ag-Grid version: X.X.X

    18.1.1

  • Browser:

    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36"

  • Language: [all | TypeScript X.X | ES6/7 | ES5]
    Typescript

>All comments

Hi,

Note that ag-grid doesn't provide support through GitHub.

As I am sure you are aware, we offer two products:

ag-Grid - this is entirely free to use in line with our MIT license. (issues reported via GitHub)
ag-Grid Enterprise - our commercial version which funds the development of both versions. (issues reported via zendesk)

In any case, this is not a bug. You should be using a cell editor. Please see the docs here

https://www.ag-grid.com/javascript-grid-cell-editor/#react-cell-editing

If you are an ag-Grid Enterprise Customer, please raise issues in our Zendesk support system - contact [email protected] for access. This is our primary channel for Support.

Was this page helpful?
0 / 5 - 0 ratings