Chrome latest version - css position fixed and bottom 0 issue on jquery.print()

[kathirpandian1993]

Chrome Version 117.0.5938.92 (Official Build) (x86_64) This issue was coming in the latest chrome version only
Firefox - Working fine
Safari - Working fine
Chrome (Old version - 116.0.5845.187) - Working fine
Chrome (Latest version - 17.0.5938.92 ) - Not Working

Expected behaviour

Header and footer issue. Header should present on the top of the document and footer should present on the bottom of the document

Observed behaviour

But in our case Footer was not placed in the bottom of the document
css:

footer {
  position: fixed;
  bottom: 0;
}

i'm using this css but its not moving the footer to the bottom of the document

Simplified demo link reproducing the issue

Steps to reproduce the problem: I have created the code in stackbilts kindly check the code
https://stackblitz.com/edit/web-platform-qsxv1t?file=index.html

Here i have shared a example with window.print, The same issue was happens on the jquery.print also. I have share the version below

Kindly refer this stackoverflow question if you have any other queries https://stackoverflow.com/questions/77177175/chrome-latest-version-css-position-fixed-and-bottom-0-issue-on-jquery-print

jQuery, jQuery.print version

"jQuery.print": "^1.5.1",

Browser and operating system

Chrome Version 117.0.5938.92 (Official Build) (x86_64)
OS: Mac OS

Thanks!