Spreadsheet autofocus

Dear community

Is there a way to disable the spreadsheet autofocus feature?

Currently Im developing a multiple contanier page which has the spreadsheet located mid page aprox.

The issue is that always the page finishes loading, the spreadsheet gets focused, even if no change has been done in the spreadsheet


Please Help.


1 Reply

GE Getsy Edwin Syncfusion Team August 21, 2024 07:09 PM UTC

Hi Ernesto Mejia,


We have validated your shared query based on your shared details. To check your reported issue, we have prepared the sample in which we have render three div elements. In the middle, we have rendered the Spreadsheet component and in top and bottom we have rendered the input element.


And then, we have checked whether the focus is set to the Spreadsheet component while initial rendering by typing the values, but only the body of the document is focused and also, we have checked the `document.activeElement` in the console window. But in that also, only the body of the document is active. We are not able to replicate your reported issue.


We suspect that you are mentioning the selected range of cell (active cell) inside the Spreadsheet as focused. In our Spreadsheet, we will maintain the active cell which is ‘A1’ cell by default, but we will not maintain focus in it and we will focus the Spreadsheet only when we interact with the component.


Below attached the prepared sample along with the video demonstration for your reference,


Sample link: https://stackblitz.com/edit/angular-qzz6vu-baotkh?file=src%2Fapp.component.ts


Video demonstration: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Spreadsheet_focus_issue-53156846


Kindly check the above information and please share the below details for further validation,


  1. Share the details of what way you are concluding that the Spreadsheet is always focused after rendering.
  2. Share the complete Spreadsheet rendering code blocks.
  3. If you have done any customization while rendering the Spreadsheet initially.
  4. If possible, please share the detailed description of your reported issue along with the video demonstration which will be more helpful for us to validate.

Please share the above requested information from your end. Based on that, we will check and provide you the better solution quickly.


Loader.
Up arrow icon