p:selectOneMenu appendTo select problem when zooming

[ibra9342]

I have a selectOneMenu.

I set the website's zoom setting to 0.8. Unfortunately, I can't select selectOneMenu options.

I fix selectOneMenu panel it with appendTo

JS Code :

Code: Select all

if (window.devicePixelRatio > 1) {
    if ($(window).width() > 750) {
        $('html').css('zoom', 1 / window.devicePixelRatio);
        $('html').css("-moz-transform", "scale(" + 1 / window.devicePixelRatio + ")");
        $('html').css("-moz-transform-origin", "0 0");
        if (navigator.userAgent.indexOf("Firefox") !== -1) {
            $('html').css("width", window.devicePixelRatio * 100 + "%");
        }
    }
}
$('.scalebody').css("visibility", "visible");

selectOneMenu Code :

Code: Select all

<p:selectOneMenu value="#{bean.day}" appendTo="@(this)">
   <p:ajax listener="#{bean.interval}" process="@this" partialSubmit="true" update="content"/>
   <f:selectItem itemValue="tyear" itemLabel="Year" />
   <f:selectItem itemValue="tmonth" itemLabel="Month" />
   <f:selectItem itemValue="tweek" itemLabel="Week" />
   <f:selectItem itemValue="tday" itemLabel="Day" />
</p:selectOneMenu>

How can I run selectOneMenu select options

Body add css (zoom: 0.8;) (https://www.primefaces.org/showcase/ui/ ... Menu.xhtml). Then Try select basic selectOneMenu? Does not work.
My computer devicePixelRatio 1.25