Signature doesn't disappear after signatureModal is closed in IOS 17.4.1

[serhii.mamai]

After updating my IOS I faced with issue that
The signature doesn’t disappear after the signature modal is closed

Steps:

1. Create sign here form in PDF
2. Open PDF with sign here form on IOS 17.4,1, Click to sign here form
3. Create new signature modal will be opened
4. draw new signature and click Create

Results
Create new signature modal closed but we have a sticky signature in the PDF ( it disappears only after rotating the phone)

Expected result
The Create new signature'modal is closed; no sticky signature should be in the PDF ( it should disappear after closing the modal ).

The signature canvas doesn’t disappear after signing Sign here from and closing Create Neew Signature'dialog

This is my files :

file: `config.js`
instance.UI.addEventListener(instance.UI.Events.DOCUMENT_LOADED, async () => {
  const { documentViewer } = instance.Core

  const data = await documentViewer.getDocument().getFileData()
  window.parent.postMessage(
    {
      type: ViewerMessageType.DOCUMENT_LOADED,
      value: data,
    },
    '*'
  )
  importAnnotations()
})

const importAnnotations = async () => {
  const custom = JSON.parse(instance.UI.getCustomData())
  if (custom?.annotations) {
    // we have to delete annotations and import again it fix unexpected issue with 'sign here' lable overlaps added signature
    await instance.Core.annotationManager.importAnnotations('')
    await instance.Core.annotationManager.deleteAnnotations(
      instance.Core.annotationManager.getAnnotationsList()
    )
    await instance.Core.annotationManager.importAnnotations(custom.annotations)
    replaceFreeTextAnnotationsToFormFields()
  }
}

file: `WebViewer.vue `

WebViewer(
        {
          initialDoc: props.src,
          path: `${process.env.VUE_APP_PUBLIC_URL}/pdfjs-express`,
          licenseKey: process.env.VUE_PDFJS_EXPRESS_TOKEN!,
          config: `${process.env.VUE_APP_PUBLIC_URL}/pdfjs-express/config/config.js`,
          disabledElements: [...(props?.disabledElements || [])],
          custom: JSON.stringify({
            annotations: props.annotation,
          }),
          annotationUser: AnnotationDisplayAuthor.RECIPIENT,
          preloadWorker: 'pdf',
          isReadOnly: props.pdfOnlyView,
        },
       viewerRef.value!
      )

[ejohnson]

Thank you for posting the incident to our forum. We will provide you with an update as soon as possible.

[serhii.mamai]

@ejohnson

for

Fixed This issue By adding styles display: none for hiding SignatureModal

The issue is that we were using

• visibility: hidden - for hiding SignatureModal
  and canvas doesn’t disappear on IOS

After using

• display: none - for hiding SignatureModal
  it fixed issue

 WebViewer({  
       initialDoc: src
       css: my-styles.css 
       ...
       }, refElement)

my-styles.css:

.closed.SignatureModal{
  display: none !important;
}

.open.SignatureModal{
  display: block !important;
}