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

The Power BI Data Visualization World Championships is back! It's time to submit your entry. Live now!

Reply
Dave0145
Frequent Visitor

Custom Visual HTMLElement scrolling

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? 

1 ACCEPTED SOLUTION
v-chuncz-msft
Community Support
Community Support

@Dave0145,

 

Check the solution below.

https://community.powerbi.com/t5/Developer/make-custom-visuals-scrollable/m-p/98115#M3451

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

View solution in original post

3 REPLIES 3
v-chuncz-msft
Community Support
Community Support

@Dave0145,

 

Check the solution below.

https://community.powerbi.com/t5/Developer/make-custom-visuals-scrollable/m-p/98115#M3451

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

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.

v-viig
Community Champion
Community Champion

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

pbicvsupport@microsoft.com

Helpful resources

Announcements
FabCon Atlanta 2026 carousel

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.