Description of the issue: How can this issue be reproduced?
Macbook Air 13" (2020) and Macbook Air 15" (2023).
When enabling Immersive Fullscreen Toolbar, there is an area directly beneath the tool bar that does not permit clicking on webpage items. It’s a thin area but any websites that have clickable items directly in this area cannot be selected with the mouse. For example, the attached screen capture (link below) shows from Amazon.com when I hover my mouse over the “Returns & Orders” button, I am unable to click the link. However, if I move my mouse towards the perimeter of the clickable items, my mouse appears and I can click it. Amazon is just an example. This issue happens on all websites with clickable items directly below the toolbar.
Expected result:
Buttons/Hyperlinks should be clickable anywhere within the designated area, not just the outer edges. This issue does not present itself when using Immersive FullScreen Toolbar on Chrome.
To me the GIF is perfectly clear even on a small screen or on my phone…
Anyway, reproducing the issue is extremely easy.
Just go on the Amazon website, or the Google website;
then with Brave in fullscreen with the ‘immersive fullscreen toolbar’ enabled (experimental feature) try to hover on a link which is below the top bar.
You will see how the link is not clickable if you don’t put the cursor only on the very bottom part of the link.