Annotation Editor Layer doesnt rendering in correct sizes

[ademyalcin27]

Attach (recommended) or Link to PDF file here:
When I wanted to use the annotation editor layer I realized it doesn't render the correct size of the page. you will see extra space right and bottom its not covering page 100% it looks bigger than page.

Configuration:

Web browser and its version: chrome Version 125.0.6422.61 (Official Build) (x86_64)
Operating system and its version: Mac OS
PDF.js version: 4.2.67
Is a browser extension:
Steps to reproduce the problem:

1. https://stackblitz.com/edit/nuxt-starter-xdqtqv

What is the expected behavior? (add screenshot)

What went wrong? (add screenshot)

Link to a viewer (if hosted on a site other than mozilla.github.io/pdf.js or as Firefox/Chrome extension):

[ademyalcin27]

@Snuffleupagus why do you converting to discussion? I added whole information that you need it

[Snuffleupagus]

why do you converting to discussion? I added whole information that you need it

Because this unfortunately appears to be an issue in your application, rather than in the PDF.js library itself.
Also, your example is large/complex enough that it's probably not trivial for anyone to provide assistance.

[Zixtar]

I've had a similar issue in my app, I've fixed it mostly by removing css borders . For example in my case a substantial change can be seen by removing the page border:

[ademyalcin27]

@Zixtar thank you for suggestion
I will try it this or I have also another idea when an annotation is rendered I will reset the width and height. of course this is not good solution but if there is better solution Im open the suggestions

[nicolo-ribaudo]

@ademyalcin27 The problem is that you are setting box-sizing: border-box on the .page div

[ademyalcin27]

this solved my whole problems. thank you @nicolo-ribaudo 🙏