Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Enhance your career with this limited time 50% discount on Fabric and Power BI exams. Ends August 31st. Request your voucher.

Reply
coriben
Helper I
Helper I

Power BI Embedded Mobile View showing double vertical scrollbars

I'm using Power BI Embedded with the Javascript API. The report in question does have a mobile version. For testing purposes, I opened the report in the Android Power BI App and it renders perfectly (only one scrollbar, report centered in the canvas). 

 

But in the browser, it renders with two vertical scrollbars:

 

pbi_mobile.png

 

The code I'm using to embed:

 

// Values omitted for privacy
		var config= {
			type: this.embedType,
			tokenType: this.tokenType,
			accessToken: this.txtAccessToken,
			embedUrl: this.url,
			id: this.txtEmbedReportId,
			permissions: this.permissions,
			pageView: null,
			settings: {
				filterPaneEnabled: false,
				navContentPaneEnabled: true,
				layoutType: models.LayoutType.MobilePortrait
			}
		};

		this.report = powerbi.embed(this.embedContainer.get(0), config);

Am I doing anything wrong?

 

Thanks in advance.

7 REPLIES 7
v-jiascu-msft
Microsoft Employee
Microsoft Employee

Hi @coriben,

 

Did you test it on the Firefox? If so, that's a known issue about Firefox. The related report ID: CRI 89387049. If not, please provide more details.

 

Best Regards,
Dale

Community Support Team _ Dale
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Hello and thanks for replying!

 

No, I tested it in Chrome v 70.0.3538.110 on Windows 10 build 17134

And on Chrome for Android v 70.0.3538.80, on Android 6.0.1.

 

Both present the problem described above.

 

But knowing that it's a known problem in another browser is good enough, I think. Think I'll give custom layouts a try.

 

Thanks a lot!

Hi @coriben,

 

Did you solve it? I tried it today with the latest version of https://github.com/Microsoft/PowerBI-JavaScript/blob/master/dist/powerbi.js (v2.6.5). It seems good. 

Power-BI-Embedded-Mobile-View-showing-double-vertical-scrollbars

 

Best Regards,
Dale

Community Support Team _ Dale
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
Anonymous
Not applicable

Thank u so much @v-jiascu-msft , this solution worked for me. I was using version 2.14.0 of PowerBI-Client, so I did it a downgrade to 2.6.5 version. Worked fine!

coriben
Helper I
Helper I

UPDATE

 

Apparently, setting the report page to something other than "Fit to Width" solves the problem. I gotta know though, can someone from Microsoft confirm that this is the intended behavior? Because it does not look like so. 

 

Should I file a bug in the API repo?

 

Thanks!

Hi @coriben if you have the time, I have posted more details about my situation here https://community.powerbi.com/t5/Developer/Power-BI-Embedded-Vertical-Scroll/m-p/2601567#M36964

 

Hi @coriben I'm having the same problem. Tried all others aside from "FitToWidth", and even removed the pageView setting, but I keep getting in the right side a vertical scroll bar. How did you solved it finally?

 

Helpful resources

Announcements
July 2025 community update carousel

Fabric Community Update - July 2025

Find out what's new and trending in the Fabric community.

July PBI25 Carousel

Power BI Monthly Update - July 2025

Check out the July 2025 Power BI update to learn about new features.

Join our Fabric User Panel

Join our Fabric User Panel

This is your chance to engage directly with the engineering team behind Fabric and Power BI. Share your experiences and shape the future.