跳舞选项弹出故障

问：

在我的扩展（清单 v3）中，选项面板（显示在弹出窗口中，而不是在单独的页面中）不断出现故障和“跳舞”。

它不是以最终尺寸打开，而是以全宽打开并以线性过渡缓慢收缩，直到达到最终尺寸。

问题是：当它接近最终大小时，一些内部元素也会调整大小，并且内部元素的大小调整会使滚动条出现，这会导致弹出窗口大小增长以适应它们;当它长大时，内部元素再次重新适应，滚动条消失，它恢复到缩小的大小，一切都在无限循环中继续“跳舞”：

组件代码是这样的（相关样式就在组件下方）：

export default function OptionsApp() {
  const juizosUrl = googleUrls.sheetsFrontendBase + googleUrls.configSheetId;
  const diretorioUrl = googleUrls.driveFoldersBase + googleUrls.applicationFolderId;
  return (
    <main style={mainStyles}>
      <div className="form-group" style={buttonContainerStyles}>
        <Link
          label={`Baixar planilha [], mais recente, e abrir nova`}
          url={diretorioUrl}
          classes="btn btn-info"
          styles={buttonStyles}
        />
        <Link
          label="Configurações"
          url={juizosUrl}
          classes="btn btn-info"
          styles={buttonStyles}
        />
      </div>
      <fieldset className="form-group">
        <legend className="sisifo-v-label">
          Planilhas de hoje, {new Date().toLocaleDateString("pt-BR")}
        </legend>
      </fieldset>
      <fieldset className="form-group">
        <legend className="sisifo-v-label">
          Planilhas do dia anterior, {new Date().toLocaleDateString("pt-BR")}
        </legend>
      </fieldset>
      <div className="form-group">
        <Link label="Pasta com planilhas" url={diretorioUrl} />
      </div>
    </main>
  );
}

const mainStyles = {
  margin: "0 2rem",
  padding: "0 1rem 1rem 1rem",
  border: "solid 1px gray",
  width: "500px",
};

const buttonContainerStyles = {
  margin: "0.5rem",
  display: "flex",
  justifyContent: "space-between",
  alignItem: "center",
};

const buttonStyles = {
  width: "48%",
  textWrap: "balance",
};