Fullscreen HTML element occupies full screen in Edge and Firefox but only full browser in Chrome
I’ve added a button to an element in a desktop web application that a user can click to toggle between displaying that element in fullscreen mode and in normal mode. It’s an Angular application that uses NG Bootstrap. The element is the div
with class modal-dialog
that is generated by NG Bootstrap’s NgbModal component. (If anyone is wondering, I’m providing this tool so the dialog is accessible to users on a laptop screen at up to 200% magnification.)