Bug: <title> in <Activity> sets the title when "mode=hidden"
facebook/react 6 comments 15d ago
mediumopenScope: somewhat clearSkill match: maybeReactJavaScriptTypeScript
Why this is a good first issue
The issue involves DOM side-effects and requires understanding of React's handling of `<title>` tags.
AI Summary
The issue involves `<title>` tags within `<Activity>` components not behaving as expected when switching modes. The problem stems from DOM side-effects and requires special handling similar to `<html>`/`<body>`. Maintainers are actively working on a fix, indicating this is not a trivial issue.
Issue Description
React version: 19.2
Steps To Reproduce
- Add two (or more) components wrapped in
Activity - Add a
<title>component to each component wrapped inActivity - The browser title does not change if you switch an Activity from
hiddentovisible
Link to code example: https://github.com/nilshartmann/react-activity-title
The current behavior
- The last (?) rendered components sets the title with no respect to surrounding
Activity - In the screenshot below
<Activity mode="visible">renders a component that itself renders<title>two</title>, but actually the tab title is set tothree(rendered by a<title>-component inside a child component of<Activity mode="hidden">)
The expected behavior
- Only the
<title>in the<Activity mode="visible">component should affect the browser title - or it should be documented somewhere that the current behaviour is working as expected
GitHub Labels
Type: BugComponent: DOM
Want to work on this?
Claim this issue to let others know you're working on it. You'll earn 20 points when you complete it!
Risk Flags
- DOM side-effects
- cross-cutting changes
Loading labels...
Details
Points20 pts
Difficultymedium
Scopesomewhat clear
Skill Matchmaybe
Test Focusedno