I'm having an issue with Slider components in a grid. When the grid is rend

Directory RefreshComponentRenderer Add-on
1

I’m having an issue with Slider components in a grid. When the grid is rendered, the visible sliders look good, but once I scroll down everything that was off screen doesn’t render correctly.

If I click a row to select it, or into the slider itself, that fixes the rendering for everything on the screen, but if I scroll farther then that which was not visible is not rendered correctly.

I tried adding this component to fix it, but I’m not seeing any kind of different behavior:

//grdCompetencies.addComponentColumn(this::createSliderComponent).setCaption("Competency");
grdCompetencies.addColumn(this::createSliderComponent, new RefreshComponentRenderer()).setCaption("Competency");

//grdCompetencies.addComponentColumn(this::createNumericSpinnerField).setCaption("Weight");
grdCompetencies.addColumn(this::createNumericSpinnerField, new RefreshComponentRenderer()).setCaption("Weight");

Did I do this right?

Thanks,
Morgan

2

Looks about right. Did you remember to recompile your widgetset after adding the add-on? Are you using the regular com.vaadin.ui.Slider or something else?

3

Yes, using

com.vaadin.ui.Slider

And I did recompile the widgetset.

Still getting something like the attached. After clicking on a row to select it, or one of the visible sliders, that seems to trigger a re-render and all components on the page render properly.
18401981.png
18401984.png

4

I’m afraid I haven’t been able to reproduce this. It’s likely yet another timing issue, but I’d need a (preferably simple) test project that reproduces it to be able to see what could be done about it.