We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Scrolling causes horizontal lines

I've added an HTML control to a splitercontainer panel.

I've added html content to it.

All good so far.

But when I scroll (vertically), the control gets covered in random horizontal gray lines. Dozens are so close together it almost looks like a solid background. Then they'll start spacing out every inch or so. Again, randomly. And only once I start scrolling.

Stopping the scroll doesn't make the lines go away.

HTML Border Bleed.png

EDIT: The problem was related to having set BorderStyle on the component. Scrolling caused the border to "bleed" into the body of the component My workaround was turn the border off and put a border on its parent component.

Still, it sounds like a bug worth fixing.

2 Replies

BA BagavathiPerumal Apranandham Syncfusion Team April 4, 2023 01:10 PM UTC

Hi Keith A Price,

HTMLUI is a classic control, and it supports only basic elements and has limitations. Hence, we suggest you to use the WebUI control from WinForms framework to achieve your requirement.

Bagavathi Perumal 

RG Rachel Gomez April 6, 2023 01:56 PM UTC

The easy fix is to use width: 100% instead. Percentages don't include the width of the scrollbar, so will automatically fit. If you can't do that, or you're setting the width on another element, add overflow-x: hidden or overflow: hidden to the surrounding element to prevent the scrollbar.


Rachel Gomez

Live Chat Icon For mobile
Up arrow icon