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

Add touch-action style property #117

Merged
merged 3 commits into from
Aug 8, 2024
Merged

Add touch-action style property #117

merged 3 commits into from
Aug 8, 2024

Conversation

efremov-av
Copy link
Contributor

@efremov-av efremov-av commented Jul 24, 2024

What problem is this solving?

Add touch-action style property to the sliderLayoutContainer component to prevent unexpected scrolling on Y axis when moving finger horizontally

How to test it?

Before this fix, if you scroll the slider horizontally with your finger it may also scroll the page on Y axis when the touch move direction is not straight. Now if you initiate horizontal scrolling it will not scroll the page vertically

URL to test:
https://devalex--dunnesstorespreprod.myvtex.com

Screenshots or example usage:

Before:
https://github.com/user-attachments/assets/001445ff-78c1-4969-b0af-3863f104cf57

After:
https://github.com/user-attachments/assets/b1e991c5-7c7f-4330-80f6-fd7bd1b4e582

@efremov-av efremov-av requested a review from a team as a code owner July 24, 2024 08:43
@efremov-av efremov-av requested review from hellofanny, lariciamota and vsseixaso and removed request for a team July 24, 2024 08:43
Copy link

vtex-io-ci-cd bot commented Jul 24, 2024

Hi! I'm VTEX IO CI/CD Bot and I'll be helping you to publish your app! 🤖

Please select which version do you want to release:

  • Patch (backwards-compatible bug fixes)

  • Minor (backwards-compatible functionality)

  • Major (incompatible API changes)

And then you just need to merge your PR when you are ready! There is no need to create a release commit/tag.

  • No thanks, I would rather do it manually 😞

Copy link

@beatrizmaselli beatrizmaselli left a comment

Choose a reason for hiding this comment

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

LGTM

Copy link

@vsseixaso vsseixaso left a comment

Choose a reason for hiding this comment

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

LGTM

@iago1501 iago1501 merged commit 87676f6 into master Aug 8, 2024
6 checks passed
@iago1501 iago1501 deleted the fix/scrolling-on-mobile branch August 8, 2024 17:26
Copy link

vtex-io-ci-cd bot commented Aug 8, 2024

Your PR has been merged! App is being published. 🚀
Version 0.24.4 → 0.24.5

After the publishing process has been completed (check #vtex-io-releases) and doing A/B tests with the new version, you can deploy your release by running:

vtex deploy [email protected]

After that your app will be updated on all accounts.

For more information on the deployment process check the docs. 📖

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.

4 participants