Skip to content

[Bug] Image in PDF cover page replaced by footer/header image #10255

@levitvas

Description

@levitvas

When using an image in the cover page, it gets replaced by either an image from the header, or by an image from the footer.

To Reproduce
Steps to reproduce the behavior:

  1. Create a cover page
    Image is encoded into base64
<img style="margin-top: 50%;" src="data:image/png;base64,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" alt="">
  1. Create the header
    Also another base64 image
{
    "pdfHeaderTemplate": "<img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAApgAAAKYB3X3/OAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAANCSURBVEiJtZZPbBtFFMZ/M7ubXdtdb1xSFyeilBapySVU8h8OoFaooFSqiihIVIpQBKci6KEg9Q6H9kovIHoCIVQJJCKE1ENFjnAgcaSGC6rEnxBwA04Tx43t2FnvDAfjkNibxgHxnWb2e/u992bee7tCa00YFsffekFY+nUzFtjW0LrvjRXrCDIAaPLlW0nHL0SsZtVoaF98mLrx3pdhOqLtYPHChahZcYYO7KvPFxvRl5XPp1sN3adWiD1ZAqD6XYK1b/dvE5IWryTt2udLFedwc1+9kLp+vbbpoDh+6TklxBeAi9TL0taeWpdmZzQDry0AcO+jQ12RyohqqoYoo8RDwJrU+qXkjWtfi8Xxt58BdQuwQs9qC/afLwCw8tnQbqYAPsgxE1S6F3EAIXux2oQFKm0ihMsOF71dHYx+f3NND68ghCu1YIoePPQN1pGRABkJ6Bus96CutRZMydTl+TvuiRW1m3n0eDl0vRPcEysqdXn+jsQPsrHMquGeXEaY4Yk4wxWcY5V/9scqOMOVUFthatyTy8QyqwZ+kDURKoMWxNKr2EeqVKcTNOajqKoBgOE28U4tdQl5p5bwCw7BWquaZSzAPlwjlithJtp3pTImSqQRrb2Z8PHGigD4RZuNX6JYj6wj7O4TFLbCO/Mn/m8R+h6rYSUb3ekokRY6f/YukArN979jcW+V/S8g0eT/N3VN3kTqWbQ428m9/8k0P/1aIhF36PccEl6EhOcAUCrXKZXXWS3XKd2vc/TRBG9O5ELC17MmWubD2nKhUKZa26Ba2+D3P+4/MNCFwg59oWVeYhkzgN/JDR8deKBoD7Y+ljEjGZ0sosXVTvbc6RHirr2reNy1OXd6pJsQ+gqjk8VWFYmHrwBzW/n+uMPFiRwHB2I7ih8ciHFxIkd/3Omk5tCDV1t+2nNu5sxxpDFNx+huNhVT3/zMDz8usXC3ddaHBj1GHj/As08fwTS7Kt1HBTmyN29vdwAw+/wbwLVOJ3uAD1wi/dUH7Qei66PfyuRj4Ik9is+hglfbkbfR3cnZm7chlUWLdwmprtCohX4HUtlOcQjLYCu+fzGJH2QRKvP3UNz8bWk1qMxjGTOMThZ3kvgLI5AzFfo379UAAAAASUVORK5CYII=\"><span style='font-size: 25pt;'>Header text</span>"
}

Without the header:
Image

With the header:
Image

Expected behavior
Being able to see different images

Context:

  • OS: Windows
  • Docfx version: 2.77.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    pdfProduce PDF as the output format

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions