Please Help: One Particular Form Field Turns Black

Hello everyone,

I am seeking assistance with an issue I am having with a form field.

I created the outline of the form in Microsoft Word and added the form elements in Acrobat Pro DC.  Everything works well in terms of filling out the form in Acrobat Pro DC (latest version).

The issue is in Acrobat Reader DC (running the latest version 21.005.20048.43252). When I first open the form and tab to one particular form field, that field turns black. I could type in it, but can’t see what I am typing. If I tab away from it and tab back to it, it looks normal and I can fill it out. The issue is when I first open the form and tab into it. So if I wish to fill out that particular field when the form is first opened, I tab to it (it turns black), I tab or shift-tab away from it (it turns normal), then I tab back to it and it’s fine—no black form field. 

The same thing happens when I use the mouse exclusively. I can click in the field, type my answer; but as soon as I scroll away from that field it turns black. I can go back and click in it and it is normal with the text I entered.

I searched the internet for answers, but I cannot find anything that pertains to this issue where I don’t have to change colors under Accessibility in the Preferences menu.

I am also using a “Save Form” button in the form which will flatten the form as it is saved. The JavaScript below is attached to the button.

if (app.alert("After you save this form, you will no longer be able to edit the fields. Do you want to save this form?",2,2) == 4) {

    if (app.viewerType=="Reader") {

        for (var i=0; i<this.numFields; i++) {

            var f = this.getField(this.getNthFieldName(i));

            f.readonly = true;

        }

    } else this.flattenPages();

    app.execMenuItem("SaveAs");

}

Thanks for all your help. I will keep looking for a solution.

Ron