Power BI client cannot set display option but force to Fit to width in mobile view

[Jovie]

I have created a Power BI report which has set display option to "Fit to page" as I do not want margins around my visuals which always appear when using "Fit to width".

I have embeded the report to my web application useing powerbi-client javascript library and it looks good on desktop.

But when I set layoutType as MobilePortrait or MobileLandscape, it always use "Fit to width" and put margins to my visuals. In the screenshot you can see width of the report content(391px) is 23px less than the window width(414px) but the iframe has taken the full width(the scrollbar on the right is generated in power bi iframe).

I have no controls to display options when the report is in mobile view as I cannot set layoutType to be Custom so it ignores my customLayout settings.

Please advice.

 My embed settings:

{
        navContentPaneEnabled: false,
        filterPaneEnabled: false,
        background: pbi.models.BackgroundType.Transparent,
        layoutType:pbi.models.LayoutType.MobilePortrait,
        customLayout: {
          // this does not take effect when layout type is mobile
          displayOption: pbi.models.DisplayOption.FitToPage,
        },
}

[Anonymous]

HI @Jovie,

I think these layouts are rendered by power bi itself, power bi does not include property to custom the layout of embedded iframes. Perhaps you can submit ideas for improving these:

Microsoft Power BI ideas

Regards,
Xiaoxin Sheng