Incorrect DOM Element Highlighting After Changing Browser Zoom

What version of the Codex App are you using (From “About Codex” dialog)?

Version 26.707.62119

What subscription do you have?

Pro

What platform is your computer?

x64

What issue are you seeing?

When I move my mouse over a website in the built-in browser and change the zoom level from the default setting, the DOM element highlighting used for annotations becomes misaligned. It continues highlighting the DOM elements as if the browser were still at the default zoom level.

<img width="309" height="318" alt="Image" src="https://github.com/user-attachments/assets/0107ad82-6804-42d7-9c87-5f2c91213cc6" /> <img width="310" height="308" alt="Image" src="https://github.com/user-attachments/assets/dd269f99-f712-46ad-a841-56ed344499e7" />

Once I click, the selection is corrected. In other words, the hover highlighting is incorrect, while the click highlighting works correctly.

<img width="310" height="310" alt="Image" src="https://github.com/user-attachments/assets/9d02a585-f728-4409-be01-b60ef46421a5" /><img width="310" height="316" alt="Image" src="https://github.com/user-attachments/assets/82ea9bbe-2fa5-4731-bfeb-36f7b75bba5e" />

What steps can reproduce the bug?

1. Open the app.
2. Open the browser in the right-hand panel.
3. Open any website.
4. Click the three-dot menu in the top-right corner, next to Annotate.
5. Click Show device toolbar.
6. Change the zoom level from 100% to 75%.
7. Click Annotate.
8. Move your mouse over the website. You will see that the DOM element highlighting is misaligned.
9. Click an element. You will see that the selection is then positioned correctly.

What is the expected behavior?

The hover highlighting should match the click highlighting. After changing the zoom level, the hover state should highlight the DOM elements at the newly selected zoom level instead of using their positions from 100% zoom.

Additional information

_No response_