Underline error in Richtext on Safari

[nhanlt]

Product: Webviewer

Product Version: All versions

Please give a brief summary of your issue:
Underline error in Richtext on Safari

Please describe your issue and provide steps to reproduce it:
Firstly, I insert a new freeText with Montserrat/ Noto Sans/ Oswald,…
After that, I underline to those FreeText.
Secondly, I increase fontSize greater than 25px.
Then a UI bug occurs on Safari, not Chrome.

I found the reason to be textBaseline always to be alphabetic on Context canvas. I try to set the textBaseline to be bottom but it doesn’t work. Cause Context canvas always restore, it makes textBaseline always to be alphabetic after per drawing.

Can you adjust it in CoreControls?

Please provide a link to a minimal sample where the issue is reproducible:

[system]

Hello, I’m Ron, an automated tech support bot

While you wait for one of our customer support representatives to get back to you, please check out some of these documentation pages:

Guides:

• Cross-Platform (Core) PDF Annotation Library
• Embedded fonts on Cross-Platform (Core) - About embedded fonts
• Key Features for Cross-Platform (Core) PDF Library - PDFNet Core SDK - Key Features - Document Editing
• Optimize PDF file size on Cross-Platform (Core)

APIs:

• AnnotsCompat.Underline - public static long Create (long doc, long pos)
• Underline - public Underline ()
• Class Underline - Create(SDFDoc, Rect)

Forums:

• How do I change LineWidth for text to simulate bold style?
• How do I embed fonts for existing PDFs with missing fonts? How do I replace a font in an existing PDF?
• Creating a PDF form field with Rich text.

[Wanbo_Li]

May I have the code you’re using? Thanks.

[nhanlt]

This is my example code. Let me know if you can’t reproduce it. Thanks!

var freeText = new Annotations.FreeTextAnnotation();
  freeText.setPadding(new Annotations.Rect(0, 0, 0, 0));
  freeText.PageNumber = 1;
  freeText.setContents("My Text");
  freeText.FontSize = '25px';
  freeText.Font = 'Oswald';
  freeText.setRichTextStyle({
    0: {
        color: "#0f0f0f", 
        'text-decoration': "underline",
    }, 
    6: {}
  });

  var annotManager = core.docViewer.getAnnotationManager();
  annotManager.addAnnotation(freeText);
  annotManager.drawAnnotations(freeText.PageNumber);

[Wanbo_Li]

Hi,

I’m able to reproduce the issue on my side. But after looking at the code, I found that we have our own logic of calculating the position of the underline and draw it manually. I’m still investigating and will keep you posted.

Wanbo

[Wanbo_Li]

Hi,

I have created a fix for FreeText in Safari. Attached is the new look for underline and line-through in Safari. The fix is in review right now, thanks for your patience.

Wanbo

[Wanbo_Li]

Hi,

The fix should be available in the next official release of WebViewer. If you need it in other versions, please let me know.

Wanbo

[nhanlt]

It’s so great news.
Thank you for your debug and support.
I’m sure to look forward to this in the next version.
Nice going!