Navigate with keyboard (tab) in formfields

[Lucas Lima]

Hello,

We would like to ask if is possible when we navigate with tab key in a document with "formfields", protect with "formFillingOnly" and the "formFillingMode" is "Inline", the editor fire the event "beforeFormFieldFill" for "formfields" with type Dropdown and show the popup to select an option. Today the event is only fired for Text fields.

Best regards,

Lucas Lima

[Suriya Murugan]

Hi Lucas, 

We need some clarification regarding your requirement. Can you please confirm do you want to perform navigation using tab in form field and expecting event to fire? Can you please share more details about your use case scenario? that will be helpful for us to proceed further and provide you the solution at the earliest. 

Regards, 

Suriya M. 

[Lucas Lima]

Hi Suriya,

We have set this function:

this.$refs.documenteditor.ej2Instances.documentEditorInternal.beforeFormFieldFill = this.beforeFormFielFill

When we use tab to navigate between the formfields and the form field type is 'Text' the editor fire this "event" and execute our function but when the form field is type "dropdown" the "event" is not fire. we would like that this "event" be fired with "dropdown" field too.

regards,

Lucas Lima



[Suriya Murugan]

We will update details shortly.

[Suriya Murugan]

Hi Lucas, 

  

Thanks for sharing the details. 

  

Can you please check the below sample the event gets triggered for dropdown also? 

  

https://stackblitz.com/edit/angular-kqqvxe?file=data.ts 

  

  

Please let us know if you have any questions. 

  

Regards, 

Suriya M. 

[Lucas Lima]

Hi Suriya,

When we click o formfield yes, we get the event but if you try to use the tab key to change which field you will fill the event doesn't work.

regards,

Lucas Lima

[Thanveer Ahamed Abdul Waheed]

Hi Lucas,

Sorry for inconvenience caused.

Currently, we are working on it. we will update details shortly.

Regards,

Thanveer Ahamed A

[Suriya Murugan]

Hi Lucas, 

  

We can reproduce the reported scenario. We are checking the exact behaviour and will update further details by January 28,2022 without further delay. 

  

Regards, 

Suriya M. 

[Suriya Murugan]

Hi Lucas, 

Apologies for the delay! 

Currently, we are validating the reported scenario and will update further details by February 1, 2022. 

Regards, 

Suriya M. 

[Suriya Murugan]

Hi Lucas, 

We have confirmed the reported issue as a defect and logged a defect report for this issue. We will fix this issue and include it in our EJ2- patch release which is scheduled for February 23,2022.   

  

You can track the status of the bug through the below feedback link: 

https://www.syncfusion.com/feedback/32332/beforeformfill-event-issue-in-tab-key-navigation-for-form-fields  

Regards, 

Suriya M. 

[Suriya Murugan]

Hi Lucas, 

 

We are glad to announce that our patch release (v19.4.53) is rolled out successfully and In this release, we have added the fix for the reported issue. 

 

Please upgrade to the latest version packages to resolve this issue.      

https://www.npmjs.com/package/@syncfusion/ej2-documenteditor 

Please find the tab key event behaviour: 

	Popup Mode	Inline Mode
Text Form field	No event	Trigger before form fill event
Check box form field	Trigger before fill event	Trigger before fill event
Dropdown	No event	No event

Feedback link: https://www.syncfusion.com/feedback/32332/the-beforeformfill-event-is-not-triggered-for-tab-key-navigation-on-form-fields  

Please let us know if you need any further assistance.

 

Regards, 

Suriya M. 

[Lucas Lima]

Hi Suriya,

Thank you for the update but we still don't get the event trigger on the dropdown field.

The idea is run some methods before the user choose a dropdown item.

best regards,

Lucas Lima

[Suriya Murugan]

Hi Lucas,

Please check below table, we dont have any event field for dropdown field when using tab key:

Regards,

Suriya M.

[Lucas Lima]

Hi Suriya,

I guess it's was a misunderstanding on our side. We opened this ticket to ask if is possible we have the before form fill event on the dropdown when the form is inline Mode.

Could we have this behavior? Please let us know.

Thank you.

Best regards.

Lucas

[Suriya Murugan]

Hi Lucas,

https://stackblitz.com/edit/angular-kqqvxe-9jn4k3?file=app.component.ts

Yes, event gets triggered on click action with document protection mode "Form filling". Please check above sample.

Regards,

Suriya M.

[Lucas Lima]

Hello,

I'm sending more details in order to clarify what I was requesting:

We confirm that it works (the event is triggered) after clicking on the form field. So, we don't need any change for this behavior.

This is the scenario that we are asking to be supported:

Navigate from a previous form field to a form field including lists by clicking on the TAB key. When the form field with dropdown is selected, then it should open the trigger the event, without the need to click on the field using the mouse.

I'm not sure if this was clear before. Is this something feasible or planned? It's something very useful for the experience we are trying to ensure to our platform users...

Please find the tab key event expect behavior by us: 

	Popup Mode	inline Mode
Text Form Field	no Event	trigger before fill event
CheckboxField	trigger before fill event	trigger before fill event
dropDown	No Event	trigger before fill event

Thanks in advance.

[Suriya Murugan]

Hi Lucas,

We will check the feasibility and will update details by March 15, 2022.

Regards,

Suriya M.

[Ajithamarlin Edward]

Hi Lucas,

Apologies!

We can understand your requirement. But, we are sorry to say that it is the behavior and we don’t have any immediate plan to implement this in nearer future.

Regards,

Ajithamarlin E