'tab' key support on Input Number

[nicolecortes]

I am using the vue and primevue versions:
"primevue": "3.1.1",
"vue": "3.0.4"

Editable data table does not work in Mozilla Firefox ** # 1172 **
Previously, this issue was thought to be closed, but has not been resolved. The problem persists when upgrading to the latest version of PrimeVue.

Currently I have a problem to edit a value of an editable table and generate a validation with the data entered in the table row.

Currently the "Click" event executes the "OnCellEdit" method. This method generates the change in the InputNumber component and later calls the "OnCellEditComplete" method and this method generates the change in the dataTable.

On the other hand, when I use the "TAB" event, First the change is generated in the DataTable ("OnCellEditComplete") and then in the InputNumber ("OnCellEdit") as the validation is executed by the method "OnCellEditComplete" it does not work correctly because the "new" number it has not been updated yet and a validation of the "old" number is being generated.

1. Clic Event
   

2.- Tab Event

Does someone know how to solve this problem ?

[cagataycivici]

Unable to replicate with the latest PrimeVue. If the issue persists, please try with the latest version available and create a new ticket with our codesandbox template fork so that we can work on it again. Thank you.

[ghost]

Hello, I'm facing the same issue, even using the latest PrimeVue version, the browser doesn't matter, same happening in Chrome and Firefox.

From what I've seen so far, this issue occurs when using InputNumber component: the value from v-model seems not being updated on a 'tab' event during cell editing.

Using InputText component, as the docs shows, works as expected.

Is there any difference between how these 2 components handle events?

[ghost]

Okay, I think I've found where's the issue is: the 'tab' key is not in the switch condition: https://github.com/primefaces/primevue/blob/master/src/components/inputnumber/InputNumber.vue#L381

It should be on the same case as 'enter' key, right?

Or didn't you added the 'tab' key by design?