Wow! This is like magic! I post a question and suddenly I figure the answer out myself :-)
The answer, it turns out, did have to do with the skin, but there's a twist. I was using the Flash skin template supplied by Adobe and the scrollbar width in the template is 15 pixels. Just on a hunch I tried redesigning the scrollbar with a width of 16 pixels and the problem with the 1 pixel gap was solved. I would suggest that if you are creating a scrollbar using Adobe's skin template that you consider using a width of 16 pixels instead of the 15 pixels that Adobe recommends. Paul --- In [email protected], "Paul Whitelock" <[EMAIL PROTECTED]> wrote: > > I have a scrollbar skin that was created in Flash, but I've discovered > a problem when the vertical scrollbar is first displayed in a List > component. > > When an item is added to a list causing the vertical scrollbar to be > drawn for the first time, there is a 1 pixel gap between the right > edge of the vertical scrollbar and the right side of the List. If an > additional item is added to the List then the scrollbar is correctly > redrawn flush against the right side of the List. The gap also > disappears if the browser window is resized. This also happens in the > DataGrid, but sometimes the DataGrid will automatically refresh itself > and draw the scrollbar correctly. > > Anyone have any idea why the first time a vertical scrollbar is > displayed in a List there is a one pixel gap between the scrollbar and > the component's edge? I don't think it's the skin because the same > scrollbar is drawn correctly in other components. > > By the way, I've got the borderStyle set to "none" but the gap appears > regardless of whether or not the borderStyle is set to "none" or "solid". > > Thanks for any suggestions! > > Paul >
