Hi Syncfusion Team,
We’ve integrated your Document Editor into our website. However, we’ve noticed that when a user searches for a keyword and clicks on a search result, the editor only navigates to the corresponding location in Pages layout, but not in Continuous layout.
Could you please advise how we can enable the editor to jump to the correct position in Continuous layout as well?
<div style={{ flex: 1, minHeight: 0 }}>
<DocumentEditorContainerComponent
ref={(instance: DocumentEditorContainerComponent | null) => {
editorRef.current = instance;
}}
enableToolbar
height="100%"
toolbarItems={toolbarItems}
style={{ width: '100%' }}
toolbarClick={handleToolbarClick}
showPropertiesPane={false}
layoutType: 'Continuous'
>
<DocInject services={[DocToolbar]} />
</DocumentEditorContainerComponent>
</div>
Thank you for your support.
Best regards,
Anytime AI
Hi AnyTime AI,
We have tested the reported issue in the latest version (v31.1.18), including navigation within pages and continuous layout, and found the navigation to be functioning correctly on our side.
A video and a sample used for testing the issue are attached for your reference.
Sample - https://stackblitz.com/edit/react-6hogd3yk-jc7q9nqg?file=index.html,index.js
If the problem continues, please share the Word document you used, along with any console error details you encountered. This will help us analyze the issue further and provide an appropriate solution promptly.
Note: If your Word document contains any confidential information, kindly replace it with dummy data before sharing. We require the document only to reproduce the issue you are experiencing.
Regards,
Mohammed Affan C
Users really depend on accurate navigation, especially in continuous layout. Thanks you!
Hi
As mentioned earlier, we were able to navigate to the required search result using version v31.1.18. A sample and video demonstration were shared in our previous update for your reference.
To help us investigate further and provide an appropriate solution, kindly share the following:
This information will help us better understand the query and identify the issue more accurately.
Regards,
Sujitha S
In the Syncfusion Document Editor, search navigation behaves differently in Continuous layout because the editor renders content in a single scrollable flow rather than page-based positions, so clicking a search result may require manually calculating the target element’s offset and scrolling the container to that position using the editor’s API or search navigation events; you should check whether there is a built-in method to map search results to vertical scroll positions in Continuous mode, and if not, implement custom logic to locate the matched text and call scrollIntoView or equivalent functionality, similar to how creative naming ideas like panther names such as “Shadow Panther” or “Night Fury Panther” are used to represent unique identifiers while ensuring your search handler updates the editor viewport correctly after the match is found.
Hi,
As mentioned in our previous update, the search results are navigating correctly in Continuous layout, and this works with the built‑in behavior of the DocumentEditor. It is not required to use any custom code for search navigation.
If you are still facing the issue, kindly share the following details so we can check further:
Please let us know if you need any assistance.
Regards,
Sujitha S