单击时如何将专注于选择？

Question

单击材料时，ui在iframe中每次都会在页面顶部选择滚动。

我在React应用程序上创建了一个月和年的选项。当我单击“选择按钮”时，它会自动滚动到页面顶部，这很烦人 当我仅在IFRAME内加载React应用程序时，就会发生此问题。 没有iframe，它可以正常工作

<Select
         
            variant="outlined"
            IconComponent={KeyboardArrowDown}
            labelId="demo-simple-select-label"
            style={{ marginRight: "10px", fontSize: Theme.typography.caption.fontSize}}
            placeholder={Content?.expiryMonthPlaceHolder}
            id="expirationMonth"
            value={expirationMonth}
            label="MM"
            className={classes.cardmonth}
            //   expirationMonth ? classes.cardmonth : classes.cardmonthEmpty
            // }
            onChange={e => {
              setExpirationMonth(e.target.value);
            }}
          >
            {months.map(month => (
              <MenuItem key={month} value={month}  autoFocus={true} style={{ fontSize: Theme.typography.caption.fontSize }}>
                {month}
              </MenuItem>
            ))}
          </Select>