Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

CSS removed during View Transitions in React Components #8856

Closed
1 task
bitzky opened this issue Oct 18, 2023 · 3 comments
Closed
1 task

CSS removed during View Transitions in React Components #8856

bitzky opened this issue Oct 18, 2023 · 3 comments
Labels
- P3: minor bug An edge case that only affects very specific usage (priority) feat: view transitions Related to the View Transitions feature (scope)

Comments

@bitzky
Copy link

bitzky commented Oct 18, 2023 •
edited

Astro Info

Astro                    v3.3.1
Node                     v18.17.0
System                   macOS (arm64)
Package Manager          npm
Output                   static
Adapter                  none
Integrations             @astrojs/react

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

When using ViewTransitions with React components, the CSS is removed after transition.

If you reload the page, the css get's applied again.

What's the expected result?

The CSS should be still applied after transition.

I my example there should be still a big red div after clicking "Go to next page".

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-pcyjcb

Participation

  • I am willing to submit a pull request for this issue.
@github-actions github-actions bot added the needs triage Issue needs to be triaged label Oct 18, 2023
@bitzky bitzky changed the title CSS get's removed on ViewTransitions with React components CSS removed during View Transitions in React Components Oct 18, 2023
@JerryWski
Copy link

This problem is also on chrome browsers

@matthewp
Copy link
Contributor

Yes, this is a known issue with client:only, see also #8114

@matthewp matthewp added feat: view transitions Related to the View Transitions feature (scope) - P3: minor bug An edge case that only affects very specific usage (priority) and removed needs triage Issue needs to be triaged labels Oct 18, 2023
@matthewp
Copy link
Contributor

Fixed by #8840

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
- P3: minor bug An edge case that only affects very specific usage (priority) feat: view transitions Related to the View Transitions feature (scope)
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@matthewp @bitzky @JerryWski