Tabs sometimes become invisible (svc-tabbed-menu opacity set to 0)

[ArnoldoRicardo]

Summary

In SurveyJS Creator (survey-creator-react + survey-creator-core), the top tabs (Designer / Preview / JSON, etc) can become invisible because .svc-tabbed-menu ends up with opacity: 0 at runtime.

Versions

• survey-creator-core: 2.4.1
• survey-creator-react: 2.4.1
• survey-core: 2.4.1

What happens

• The tab bar renders but is not visible/clickable.
• Inspecting the DOM shows .svc-tabbed-menu (and sometimes .svc-tabbed-menu-wrapper) has opacity set to 0.

Expected

Tabs remain visible.

Repro (high level)

1. Render SurveyCreatorComponent in a React app.
2. Interact/navigate (e.g., fullscreen toggle, resize, rerender container) until tabs disappear.
3. Observe opacity toggling to 0 on .svc-tabbed-menu.

Workarounds

• JS polling workaround (undesirable): repeatedly set tabbedMenu.style.opacity = '1' on an interval.
• CSS-only workaround used in our app:

.svc-tabbed-menu {
  opacity: 1 !important;
}

.svc-tabbed-menu-wrapper {
  opacity: 1 !important;
}

Notes

Happy to provide a minimal repro repo if needed.

[JaneSjs]

Hi @ArnoldoRicardo,
Please upgrade your packages to the latest v2.5.9. If you require further assistance, create a minimal reproducible demo and share it for research.

Thank you