this.annotationToolbarModule.shapeToolbarElement is undefined

Hello!
I get the following error while hovering over the annotation bar controls in the PDF Viewer:

this.annotationToolbarModule.shapeToolbarElement is undefined

Code sample to reproduce the error:

<PdfViewerComponent
ref={viewer}
id="container"
documentPath={docUrl}
style={{ height: "640px" }}
enableFormFields={false}
enableFormDesigner={false}
toolbarSettings={{
toolbarItems: [
"PageNavigationTool",
"MagnificationTool",
"PanTool",
"SelectionTool",
"SearchOption",
"PrintOption",
"UndoRedoTool",
"CommentTool",
],
annotationToolbarItems: [
"HighlightTool",
"ShapeTool",
"InkAnnotationTool",
"AnnotationDeleteTool",
],
}}
isAnnotationToolbarOpen
>
<Inject
services={[
Toolbar,
Magnification,
Navigation,
Annotation,
LinkAnnotation,
BookmarkView,
ThumbnailView,
Print,
TextSelection,
TextSearch,
FormFields,
FormDesigner,
]}
/>
PdfViewerComponent>;


1 Reply

DM Dhivyabharathi Mohan Syncfusion Team January 5, 2022 01:48 PM UTC

Hi Jakub, 
 
We have checked by hiding the provided toolbar items using the provided code snippet and the reported issue is not replicated on our end. We have shared the sample in which we tried to replicate the reported issue. 
 
 
Could you please try with the provided sample and let us know whether you are facing the same issue? And kindly share the modified sample in which you are facing this issue. So, that it will be helpful for us to investigate further and assist you better. 
 
Regards, 
Dhivya. 


Loader.
Up arrow icon