bootstrap-table icon indicating copy to clipboard operation
bootstrap-table copied to clipboard

Bootstrap table filter ,updateCellByUniqueId , set focus issue on tab key

Open JetalS opened this issue 2 years ago • 5 comments

Description

I am using a bootstrap table filter. I have used the input box using the data-formatter function to update the value of the cell. On change of inputbox value I am updating cell value using "updateCellByUniqueId". The issue is when I change value and hit tab key the focus is set to the filter control - even though I have added jquery code to set focus on the same input.

Here is JSFiddle (https://jsfiddle.net/Jetal15/bLvcg3p4/19/)

Follow below steps for this scenario:

  1. Filter on department say - Deparment-1
  2. Change input box value and press tab key focus goes to Department dropdown - rather than input box

How to fix this ?

Example(s)

No response

JetalS avatar Mar 27 '23 05:03 JetalS

Please provide an Online Example to show your problem. Thanks!

wenzhixin avatar Mar 28 '23 14:03 wenzhixin

Here is the example https://live.bootstrap-table.com/code/JetalS/14854

JetalS avatar Mar 28 '23 23:03 JetalS

Looked UpdateCellByUniqueId - it calls function "_updateCellOnly". This function has code - "this.resetView();" - I think this sets focus on filter control. It can modify by passing true/false parameter to "_updateCellOnly" function to call "this.resetView();" or not.

JetalS avatar Mar 29 '23 03:03 JetalS

@djhvscf could maybe an issue with the new cache you added ?

UtechtDustin avatar Jun 08 '23 16:06 UtechtDustin