Power BI Embedded Google Chrome 中不显示表格滚动条

Question

在嵌入式报告中，

Table

视觉效果的滚动条在 Google Chrome 中不可见，但在 Firefox 中可见。

例子：

Power BI 工作区中的报表

Power BI Embedded 中的报表

然而，我发现如果我将以下配置应用于报告，它神奇地解决了问题，但我不知道为什么：

settings: {
    layoutType: models.LayoutType.Custom,
    customLayout: {
        pagesLayout: {
              '': { visualsLayout: { '': { } } }
        }
    }
 }

基本上，我想知道为什么会发生这种情况以及为什么我的修复有效。谢谢！

系统信息。

• 角形版本 - 11
• powerbi-client-angular 版本 - 2.0.0
• Google Chrome 版本 - 111.0.5563.111（正式版）（64 位）

编辑：应用于报告的完整设置和自定义CSS：

settings = {
    type: 'report',
    tokenType: models.TokenType.Embed,
    embedUrl: embedParameters.embedItem.embedUrl,
    accessToken: embedParameters.embedToken.token,
    settings: {
        layoutType: models.LayoutType.Custom,
        panes: {
            pageNavigation: {
                visible: false
            },
            filters: {
                visible: false
            }
        },
        customLayout: {
            pagesLayout: {
                '': {
                    visualsLayout: {
                        '': { }
                    }
                }
            }
        }
    }
} as IReportEmbedConfiguration;

<powerbi-report         
    [embedConfig]="getReportConfiguration()"
    [eventHandlers]="reportEventHandlers"
    cssClassName="report-container">
</powerbi-report>

::ng-deep .report-container {
    padding-top: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    height: 820px;
    width: 1280px;
}