I have encountered a situation where a hidden popup using "visibility: hidden" still occupies space on the screen. Unfortunately, I do not have control over the coordinates of this element as they are automatically calculated by Primefaces control.
Here is a demonstration of my issue:
<div class="main"></div>
<div class="dialog"></div>
<style>
.main{
background-color: red;
width: 100%;
height: 100%;
}
.dialog{
position: absolute;
top: 800px;
left: 0px;
width: 200px;
height: 200px;
visibility: hidden;
}
</style>
I would greatly appreciate any assistance you can provide. Thank you.