-
[OPIK-7435] [FE] Fix Google Translate removeChild crash on onboarding email step (#7562)
frostbyte_neo 发布于
2026-07-22 10:02:51 +00:00 - [OPIK-7435] [FE] Fix Google Translate removeChild crash on onboarding email step
The mobile ConnectStep submit button renders a state-dependent label
(Email setup instructions -> Sending... -> Instructions sent!) as a bare text
sibling of the button icon. Under browser translation Google Translate wraps
that text node in a element; submitting the email reconciles the button
(icon + label swap) against a re-parented node and throws
"NotFoundError: Failed to execute 'removeChild' on 'Node'". Wrap the label in a
so React swaps a stable wrapper element instead of the bare text node;
the label stays fully translatable. See facebook/react#11538.Co-Authored-By: Claude Opus 4.8 (1M context) noreply@anthropic.com
- [OPIK-7435] [FE] Add frontend rule: browser-translation-safe dynamic text
Document the Google Translate removeChild crash class in the opik-frontend
skill (Critical Gotchas) so new dynamic/animated text wraps interpolated
strings in an element instead of rendering bare text nodes.Co-Authored-By: Claude Opus 4.8 (1M context) noreply@anthropic.com
Co-authored-by: Claude Opus 4.8 (1M context) noreply@anthropic.com
下载附件