Border default

[btecu]

If a TextField has a background color but no border (transparent), the library adds a black border of value one by default:

pdf-lib/src/api/form/appearances.ts

Line 446 in b4d9731

const borderWidth = bs?.getWidth() ?? 1;

So a field with a white background color end up looking like this:

Instead they should look like this:

[vielhuber]

This is still the case on 1.17.1, or am I wrong?

[btecu]

@vielhuber check your PDF, maybe the inputs have a border set.

[vielhuber]

Hmm, this looks quite clean beforehand:

Output with pdf-lib:

This is the original PDF:
dummy2.pdf

When the "fill color" is transparent and no border is set in the pdf, it has a border after processing it with pdf-lib:

If the "fill color" is set to white and no border is set in the pdf, the behaviour is correct and it has no border after processing with pdf-lib:

[vielhuber]

Can you reproduce this issue on your side?

[epratt000]

I'm running into this same issue. I'm using V1.17.1.

I'm creating a bran new text field on a page and I'm only setting x, y, width, and height.

It shows a black border around the field.

    const pdfPage = pdf.getPage(1);
    const font = await pdf.embedFont(StandardFonts.Helvetica);
    const options = {
        x: 250,
        Y: 715,
        width: 25,
        height: 10
    };
    const newField = pdf.getForm().createTextField('newField');
    newField.addToPage(pdfPage, options);
    newField.defaultUpdateAppearances(font);
    
    const savedPdf = await pdf.save({ updateFieldAppearances: true });

The existing PDF that was loaded has no border selected on every single existing field

[stx-chris]

This issue still persists for PDFCheckBox fields which have transparent background. Currently it is not possible to get rid of the border (by setting it to 0 or undefined). Is there a workaround?

[lbesiche]

I don't know if this answers your question, but if you would like to remove the border of a text field. I notice you can set the borderColor when you add the textfield to the page:

const page = pdfDoc.getPage(0);
  const textField = form.createTextField(fieldName);

  textField.addToPage(page, {
    x,
    y,
    width,
    height,
    borderColor: rgb(1, 1, 1),
  });