Firefox浏览器中使用Google Picker出现x/y轴滚动条问题该如何解决？

这个问题是Firefox和Chromium系浏览器对iframe溢出计算逻辑的差异导致的，Google Picker默认样式没有兼容Firefox的溢出规则，下面是可落地的修复方法：

• 第一步：给承载Google Picker的iframe外层容器和iframe本身添加溢出隐藏规则，优先级要足够高覆盖默认样式

/* 替换为你项目中Picker外层容器的实际类名/ID */
.picker-container iframe {
  overflow: hidden !important;
  /* 单独针对横向滚动条的控制规则，有需要可保留 */
  overflow-x: hidden !important;
}

• 第二步：如果样式覆盖不生效，可以在Picker渲染完成的回调里手动修改iframe内部body的溢出属性

// 放在picker.setVisible(true) 之后执行即可
setTimeout(() => {
  const pickerFrame = document.querySelector('.picker-container iframe');
  if (pickerFrame?.contentDocument?.body) {
    pickerFrame.contentDocument.body.style.overflow = 'hidden';
    pickerFrame.contentDocument.body.style.overflowX = 'hidden';
  }
}, 80);

• 额外排查点：确认Picker外层容器的最小尺寸不小于Google Picker的默认最低要求，即宽度不小于600px，高度不小于400px，尺寸不足也会强制触发滚动条。

以上修改都在你自己的项目代码层完成即可，不需要修改Google Picker加载的官方资源，避免后续官方版本更新导致兼容失效

内容的提问来源于stack exchange，提问作者Саша Бордюг