reactuse icon indicating copy to clipboard operation
reactuse copied to clipboard
verified publisher icon childrentime

Issues with UI Visibility and Interactivity in Fullscreen Mode with useFullscreen

Open smyn95 opened this issue 8 months ago • 1 comments

I am experiencing an issue with the useFullscreen hook where the fullscreen functionality works as expected, but interactive elements within the UI, such as text, buttons, and tooltips for charts, are not visible when in fullscreen mode. Despite the fullscreen mode being activated, the expected tooltips and interactive elements do not appear, making it difficult for users to interact with the UI effectively. This issue affects the overall usability of the application, as important information is not accessible when the application is in fullscreen. I would appreciate any guidance or solutions to resolve this issue.

issue image

Image

a normal image

Image

smyn95 avatar Apr 30 '25 01:04 smyn95

https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API/Guide

smyn95 avatar Apr 30 '25 09:04 smyn95

Sorry for late due to public vacation. Can you provide a reproduction repo? https://www.reactuse.com/browser/useFullscreen. When you use useFullScreen API, remerber only the element inside the ref will show in the fullscreen.

childrentime avatar May 06 '25 02:05 childrentime