p:selectOneMenu dropdown not attached to the component inside a dialog [duplicate]

Question

I have a p:selectOneMenu inside a p:dialog. Whenever I scroll the page, the dropdown detaches from the p:selectOneMenu label and moves according to the mouse scroll. Is there any way to attach it to the label so that it doesn't move?

Here's a screenshot of the problem posted by someone who has the same problem SelectOneMenu panel scrolls with the mouse wheel

Answer 1

In case someone finds this question, I want to add here that this problem can be found in newer versions of Primefaces (5.0+) and you can solve it by using appendTo="@this" in the p:selectOneMenu. I just found it and solved it in another more recent question.

Related:

SelectOneMenu scrolls with the mouse wheel