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.

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

refactor(staggered-fade-and-slide): use Vue native staggered transition #1541

Closed
wants to merge 2 commits into from

Conversation

victorcg88
Copy link
Contributor

@victorcg88 victorcg88 commented Jun 27, 2024

Pull request template

A version of StaggeredFadeAndSlide optimized for Vue3.

Created a new component from the previous StaggeredFadeAndSlide refactored and simplified using Vue native transitions. The StaggeringTransitionGroup will not be needed when upgrading to Vue3.

Motivation and context

  • Dependencies. If any, specify:
  • Open issue. If applicable, link:

Type of change

  • Bug fix (non-breaking change that fixes an issue)
  • New feature (non-breaking change that adds functionality)
  • Breaking change (fix or feature that causes existing functionality to not work as expected)
  • Change requires a documentation update

What is the destination branch of this PR?

How has this been tested?

Tests performed according to testing guidelines:

Checklist:

  • My code follows the style guidelines of this project.
  • I have performed a self-review on my own code.
  • I have commented my code, particularly in hard-to-understand areas.
  • I have made corresponding changes to the documentation.
  • My changes generate no new warnings.
  • I have added tests that prove my fix is effective or that my feature works.
  • New and existing unit tests pass locally with my changes.

Comment on lines +228 to +232
/**
* Using querySelector to get the root element of the grid instead of using the ref directly
* because with the introductions of Fragments, Vue returns every DOM element inside the component.
*/
rootEl.value = document.querySelector('.x-base-grid');
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@victorcg88 victorcg88 force-pushed the feat/vue3-test-search-component branch 2 times, most recently from c70e931 to 168e296 Compare July 1, 2024 11:01
Base automatically changed from feat/vue3-test-search-component to main July 1, 2024 14:03
@victorcg88 victorcg88 force-pushed the feat/new-staggered-fade-and-slide-vue3 branch from 07ec7cd to 9d634f1 Compare July 1, 2024 15:21
@victorcg88 victorcg88 marked this pull request as ready for review July 1, 2024 15:26
@victorcg88 victorcg88 requested a review from a team as a code owner July 1, 2024 15:26
@victorcg88 victorcg88 closed this Jul 29, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant