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
Anonymous
Not applicable

Enable X scrollbar from custom visual

Hi,

 

I'm developing a flowchart and I need to enable the overflow option, but this works only to Y axis, even though the content exceeds the the screen limit on the X axis too.

I'm using the overflow comand in the construtor, I tried to use the "auto" option too and the options.element.style.overflow:

 

 

constructor(options: VisualConstructorOptions) {
        this.target = options.element;
        this.target.style.width = "max-content";
        this.target.style.minWidth = "100vw";
        this.target.style.overflowX = "scroll";
        this.target.style.overflowY = "scroll";
}

 

 

 

Helphs_0-1695042477467.png

 

1 ACCEPTED SOLUTION
Anonymous
Not applicable

I solved it, I had to activate overflow to auto in the css file in the body.visual-sandbox tag, in addition to keeping it activated in the constructor

 

View solution in original post

1 REPLY 1
Anonymous
Not applicable

I solved it, I had to activate overflow to auto in the css file in the body.visual-sandbox tag, in addition to keeping it activated in the constructor

 

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.