[Bug] Widget Text Not Hiding When Changing Slice in VTK.js ShapeWidget Example

[rajajms]

Bug description

In the VTK.js ShapeWidget example, when adding any widget, such as the ellipse widget, and then changing the slice using the range slider widget, the widget itself disappears on other slices as expected. However, the text associated with the widget remains visible. This behavior is unexpected, as the text should also hide when the widget disappears on different slices.

Steps to reproduce

1. Go to the VTK.js ShapeWidget example: https://kitware.github.io/vtk-js/examples/ShapeWidget.html
2. Add a widget, for example, an ellipse widget, by clicking the dropdown button.
3. Use the range slider widget to change the slice.

Detailed Behavior

After step 3, when changing the slice using the range slider widget, the widget (ellipse) correctly disappears on other slices, but the associated text remains visible. This behavior creates a visual inconsistency where the text is displayed without the widget.

Expected Behavior

When changing the slice using the range slider widget, both the widget and its associated text should hide on slices where the widget is not intended to be displayed. This behavior would ensure visual consistency and a more intuitive user experience.

Environment

• vtk.js version:
• Browsers:
• OS:

[finetjul]

My naive guess is that it is typically a bug at "application level" (here in the example). It is not a bug at the "widget level"

[rajajms]

My naive guess is that it is typically a bug at "application level" (here in the example). It is not a bug at the "widget level"

How can this issue be resolved, and is there a plan to address it in the next release? As a beginner, I'm wondering if this issue will be resolved for me. @finetjul

[finetjul]

Unfortunately I do not have much "free" time those days. So I do not have unpaid time to work on this.

[rajajms]

@floryst @jourdain

[jourdain]

@rajajms PR are welcome

[rajajms]

@jourdain Couldn't find the example code in GitHub. I found the index from here

[jourdain]

https://github.com/Kitware/vtk-js/tree/master/Sources/Widgets/Widgets3D/SphereWidget/example

[floryst]

bindSVGRepresentation only listens to the widget state and does not handle the case when the widget visibility is toggled. The fix would be to change that function to accept widget rather than widgetState and additionally listen to modification changes on the widget itself.