Watermark causing some problem while i’m doing search text

This watermark causing some problem while i’m doing search text.

i have attached image as well as sample application for your reference.
Issue with watermark and Search.jpg (240.0 KB)
https://1drv.ms/u/s!Ashw7CN5fQm2kAn-40PaKPZ8e-RM?e=YyL1Bp


This Topic is created by mikhail.evgrafov.aspose using Email to Topic tool.

Hi @bharathiGK

We’re looking into this issue. In case of any updates, we’ll let you know.

Have a nice day!

Hi @bharathiGK

To fix the issue with watermark that overlaps search please update the following section in viewer.css file to

/*
******************************************
SEARCH
******************************************
*/
#gd-nav-search-container {
    min-width: 330px;
    padding: 8px 0px 7px 7px;
    position: absolute;
    display: none;
    right: 0px;
    float: left;
    top: 49px;
    z-index: 10000;
}

    #gd-nav-search-container input[type='text'] {
        float: left;
        border: 0;
        height: 20px;
        width: 215px;
        padding: 5px 65px 5px 5px;
        color: black;
    }

        #gd-nav-search-container input[type='text']:focus {
            outline: none;
            color: black;
        }

and add the following section at the bottom of viewer.css file

/*
******************************************
Fix for watermark
******************************************
*/
div[class*='-watermark'] { 
    z-index: 3 !important;
}

or download the updated version of viewer.css (4.7 KB) file and replace it in your project.

Thank you for your support.

@bharathiGK

You’re welcome.