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.
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.
BABagavathiPerumal 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.
Regards, Bagavathi Perumal
RGRachel GomezApril 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.