Skip to content

Commit

Permalink
Fixed full screen react demo glitch.
Browse files Browse the repository at this point in the history
  • Loading branch information
HarpalSingh7395 committed Jul 3, 2024
1 parent e46d403 commit fdf6b7a
Show file tree
Hide file tree
Showing 2 changed files with 26 additions and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -74,6 +74,31 @@ const ComplexToolbarLogViewer = () => {
}
}, [isPaused, buffer]);

//Listening escape key on full screen mode.

Check failure on line 77 in packages/module/patternfly-docs/content/extensions/react-log-viewer/demos/ComplexToolbarLogViewer.jsx

View workflow job for this annotation

GitHub Actions / call-build-lint-test-workflow / lint

Expected space or tab after '//' in comment
React.useEffect(() => {
const handleFullscreenChange = () => {
const isFullscreen =
document.fullscreenElement ||
document.mozFullScreenElement ||
document.webkitFullscreenElement ||
document.msFullscreenElement;

setIsFullScreen(!!isFullscreen);
};

document.addEventListener('fullscreenchange', handleFullscreenChange);
document.addEventListener('mozfullscreenchange', handleFullscreenChange);
document.addEventListener('webkitfullscreenchange', handleFullscreenChange);
document.addEventListener('msfullscreenchange', handleFullscreenChange);

return () => {
document.removeEventListener('fullscreenchange', handleFullscreenChange);
document.removeEventListener('mozfullscreenchange', handleFullscreenChange);
document.removeEventListener('webkitfullscreenchange', handleFullscreenChange);
document.removeEventListener('msfullscreenchange', handleFullscreenChange);
};
}, []);

const onExpandClick = _event => {
const element = document.querySelector('#complex-toolbar-demo');

Expand Down

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit fdf6b7a

Please sign in to comment.