Get certified for free when you join Fabric Data Days 2026 and dive into Fabric, Power BI, SQL, AI, and other essential data skills.
Join nowJuly 7 - July 17 | Round 2 of the Power BI Dataviz World Championships. Don't miss your chance! Learn more
Hi,
I have been developing a custom visual using a HTMLElement object. I have set the <div> to overflow:auto. However, scrollbars do not appear when the content exceeds the iframe bounds. The standard list and matrix custom visuals do exactly what I want but there is no repo for those so I can't learn from that code.
Could anyone please advise how to make scrollbars automatically appear on a custom visual when content exceeds frame size?
Solved! Go to Solution.
Check the solution below.
https://community.powerbi.com/t5/Developer/make-custom-visuals-scrollable/m-p/98115#M3451
Check the solution below.
https://community.powerbi.com/t5/Developer/make-custom-visuals-scrollable/m-p/98115#M3451
Brilliant! Thanks very much @v-chuncz-msft. That has worked beautifully. My problem was that I had put the overflow: auto in my .less file to style the div rather than setting the options on the constructor as you have suggested here.
Hello @Dave0145,
Does div element have minimal sizes? Could you pleaseshare your code to investigate the issue deeper?
Software Engineer
Microsoft Power BI Custom Visuals
Join us in Barcelona for FabCon and SQLCon, the Fabric, Power BI, SQL, and AI community event. Save €200 with code FABCMTY200.
Join Fabric Data Days 2026: 60 days of free live/on-demand sessions, challenges, study groups, and certification opportunities.