1818501 - CSS @page :first doesn't work correctly

Status: RESOLVED DUPLICATE of bug 813187

(Core :: Print Preview, enhancement)

Description

[Paul]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/109.0

Steps to reproduce:

SUPER EASY TO DEMO:
With Firefox, open the MDN developer documentation for @page :first
https://developer.mozilla.org/en-US/docs/Web/CSS/:first

Halfway down there is a demo - press the "Print" button

Note the result described in the doc is not the actual result.

Repeat above, except use Edge instead of Firefox

Edge DOES produce the result described.

Actual results:

The first page of the print preview has the text in the top left, just like the second page.

Expected results:

The text on the first page of the print preview should have been centered, as specified in the documentation page

Comment 1

[Ardelean Oana, Desktop QA [:oardelean]]

Hello, thank you for the bug report!
Managed to reproduce this issue on(using the link provided in the description):

• Firefox 111.0;
• Nightly 112.0a1;

Tested and reproduced on:

• macOS 12;
• Windows 11;

Moving the Product to "Core" and Component to "Print Preview". Please change if there's a better fit.
Setting as NEW so the developers can have a look.
Thank you.

Comment 2

[Emily McDonough [:alaskanemily]]

We do not support any pseudo-classes for @page rules yet. :first is definitely the easiest to support, but work has not started on it yet.

We have a bug tracking this already, bug 813187.