Code: Select all
return (
<div>
<Growl ref={(el) => this.growlp = el } position='bottomright'/>
{defaultView}
{assetFormDialog}
{assocAssetsFormDialog}
</div>
body .p-growl {
top: 70px;
opacity: 0.9;
filter: alpha(opacity=90);
}
The correct .p-growl-bottomright values are indicated but that top: 70px in the above css is what is causing the popup to display in the topright. If I comment that out, the popup renders on the bottomright. I have no idea where that value is coming from because the growl.css file shows:
.p-growl {
position:fixed;
width: 20em;
}
There is no top attribute but Dev Tools indicates that is the issue.