There is a Design Problem in the redaction search panel.
Especially if the I18n is set to german.
You can reproduce the error with your current Showcase page:
-
Switch to german
-
Open Reduction an search for
To
German:
English
French:
Hello, I’m AiRon, an automated tech support bot 
While you wait for one of our customer support representatives, I can help you with your question.
It seems you’re experiencing a UI issue with overlapping buttons in the redaction search panel when using the German language setting. This can occur due to longer text strings in translations, which impact the layout.
Some things you can try:
- Adjust the CSS styles for the redaction search panel to accommodate longer text. You may need to increase the width of buttons or the entire panel.
- Consider using CSS flexbox or grid layout to make the UI more adaptive to different text lengths.
- Review the localization files to see if shorter translations are possible without losing meaning.
- Test the UI in different languages to ensure that adjustments accommodate all variations.
Here are some resources that might help you:
- Modular UI Panels: Information on customizing UI panels in WebViewer.
- Searching Text in PDF Documents: Guide on using the search panel and related APIs.
- JavaScript PDF Annotation Library: Learn about annotations, including redaction.
- JavaScript PDF form filling library Overview: Details on working with forms and fields, which could be relevant for UI adjustments.
Hopefully, this helps you solve your problem while you wait for a human to get back to you.
Hi there,
Thank you for catching this!
I will raise this issue with the product team to review.
Best regards,
Kevin
2 Likes