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

Missing component styles after transition with ViewTransitions #8447

Closed
1 task
chrisaugustsson opened this issue Sep 7, 2023 · 4 comments
Closed
1 task

Missing component styles after transition with ViewTransitions #8447

chrisaugustsson opened this issue Sep 7, 2023 · 4 comments
Assignees
@matthewp
Labels
- P4: important Violate documented behavior or significantly impacts performance (priority) feat: view transitions Related to the View Transitions feature (scope)

Comments

@chrisaugustsson
Copy link

Astro Info

Astro v3.0.10
Node v18.17.1
System Windows (x64)
Package Manager  npm
Output server
Adapter @astrojs/cloudflare
Integrations @astrojs/vue 
             @astrojs/tailwind"

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

No response

Describe the Bug

When using a Vue component on a page with client:only, the styles that are inside the component, does not get applied after a navigation with ViewTransitions.

What's the expected result?

The styles should be applied after navigating to a new page.

Link to Minimal Reproducible Example

https://stackblitz.com/edit/withastro-astro-hcwrzy?file=src%2Fpages%2Findex.astro

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 Sep 7, 2023
@matthewp matthewp added feat: view transitions Related to the View Transitions feature (scope) - P4: important Violate documented behavior or significantly impacts performance (priority) and removed needs triage Issue needs to be triaged labels Sep 7, 2023
@matthewp matthewp self-assigned this Sep 7, 2023
@martrapp
Copy link
Member

martrapp commented Sep 7, 2023

Might have similarities with #8114

@matthewp
Copy link
Contributor

matthewp commented Sep 8, 2023

Yeah this is a duplicate, closing, working on this one now. #8114

@matthewp matthewp closed this as completed Sep 8, 2023
@chrisaugustsson
Copy link
Author

This is not resolved with the latest updates.

Example:
https://stackblitz.com/edit/withastro-astro-ejr3bu?file=package.json,src%2Flayouts%2FLayout.astro

@matthewp
Copy link
Contributor

matthewp commented Nov 8, 2023

@chrisaugustsson I saw your new bug, thanks for the repro!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@matthewp matthewp

Labels
- P4: important Violate documented behavior or significantly impacts performance (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 @chrisaugustsson @martrapp