Hi, I have embedded Power BI into my web application but regardless the browser, the screensize what so ever, a vertical scrollbar shows up. How can I get rid of it (the one highlighted in yellow in the following screenshot)?
Here is my code:
And the div that calls the embedContainer goes like this:
<div id="embedContainer" style="height: calc((100vw - 60px) * 0.59) !important; width: 100% !important; overflow: hidden !important; margin: auto !important; "></div>
How can I get rid of the vertical scrollbar.
The things I already tried that didnt worked:
1. I already tried in the config code with "fitToWidth", and with "actualSize" and with "oneColumn". None worked
2. I alredy tried by publishing in the first place from the Power BI Desktop in the differnet fashions "Fit To Width", "Actual Size", "Fit To Page", etc
3. I already tried combinations of 1. and 2.
4. I already visited all posts here and in stackoverflow, such as , but not limited to:
https://stackoverflow.com/questions/66527385/powerbi-embedded-vertical-scrollbar-not-visible
https://community.powerbi.com/t5/Issues/Auto-scroll-in-Embedded-reports/idi-p/235218
Any help highly appreciated.
Best.
Helpful resources
Join our Fabric User Panel
Share feedback directly with Fabric product managers, participate in targeted research studies and influence the Fabric roadmap.
FabCon Atlanta 2026
Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.
