The new print experience introduced in Firefox 84 -- which many have been avoiding or ignoring -- has now become final in Firefox 97 (the code for the old design was removed, the old preference is obsolete). At this point, you need to click the "Print using the system dialog..." link on the lower right side of the panel to call up that dialog:

There are bugs on file with the developers that we expect to come in a future update, although I don't know whether it's still possible they will come in Firefox 98 in two weeks (they have not gone into testing yet):

• New user preference to bypass the preview and go directly to the system dialog
• New keyboard shortcut to bypass the preview and go directly to the system dialog

And the preView under modal is frequently too small to be useful.

It is smaller, and if you aren't using a maximized window on a large display, it can be hard to read. If you need the preview, I can describe some unofficial workarounds, but if you don't use it, I won't bore you with the details.

Thanks for your prompt reply. I do need preview at least some of them and would appreciate knowing the workarounds.

I should note that the primary reason I need preview is that Firefox frequently messes up printing. Using preview before printing will at least alert me to take some action -- which frequently means I load another browser.

I suppose it's possible that the new print experience has fixed some of those problems -- instead of just making it more difficult for users.

By default, the overlay that houses the preview doesn't use the full available width and height of the browser. The workaround is to set up custom style rules that enlarge the overlay.

It's a little bit of a project, so make sure you set aside 10 quiet minutes to work through it.

(For anyone who already has a userChrome.css file set up, you just need to add the rule under (A) to your file.)

(A) Generate and download a userChrome.css file with the above code

/**** Maximize Print Overlay Preview Size ****/

  /** Allow panel to be taller and wider **/

  .dialogBox.printDialogBox[sizeto="available"]{
    --box-ideal-height: 888 !important;
    width: calc(1080px + 250px + 50px) !important;
    max-width: calc(100vw - 4px) !important;
    max-height: calc(100vh - var(--box-top-px) - 4px) !important;
  }

It's the first sample rule in the following page --

https://www.userchrome.org/download-userchrome-css.html

-- so you can just click the "Generate CSS File" button and save the userChrome.css file to your computer. (See first attached screenshot -- note that your Firefox might save the file without showing this dialog)

Use the downloads list on the toolbar to open the downloads folder in Windows File Explorer, selecting the new userChrome.css file. (See second attached screenshot)

Minimize that file browser window for later reference.

(B) Create a new chrome folder in your profile folder

The following article has the detailed steps for that (#1, #2, and I recommend #3)

https://www.userchrome.org/how-create-userchrome-css.html

I have videos for both Windows and Mac in case the text is not clear.

(C) Move the userChrome.css file you generated in Step A into the chrome folder you created in Step B

(D) Set Firefox to look for userChrome.css at startup -- see step #6 in the above article.

The next time you exit Firefox and start it up again, it should discover that file and apply the rules.