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

CYS: allow to the user to move the pattern #47322

Open
wants to merge 12 commits into
base: trunk
Choose a base branch
from
Open

Conversation

gigitux
Copy link
Contributor

@gigitux gigitux commented May 9, 2024

Submission Review Guidelines:

Changes proposed in this Pull Request:

This PR allows the user to move blocks/patterns.

Screen.Capture.on.2024-05-10.at.11-10-03.mp4

Closes #47325 and #47326.

How to test the changes in this Pull Request:

Using the WooCommerce Testing Instructions Guide, include your detailed testing instructions:

  1. Ensure that you are using a Gutenberg trunk version
  2. Make sure you have the WooCommerce beta tester plugin installed
  3. Head over to Tools > WCA Test Helper > Features
  4. Make sure you see the pattern-toolkit-full-composability on the list.
  5. Enable it.
  6. Head over to WooCommerce > Home > Customize your store.
  7. Click on "Start designing" and proceed to the Pattern Assembler.
  8. Click on "Design your Homepage".
  9. Switch Pattern
  10. Ensure that the block toolbar appears and you can move the block.
  11. Ensure that you will not be able to move the block before the header and after the footer.

Changelog entry

  • Automatically create a changelog entry from the details below.

Significance

  • Patch
  • Minor
  • Major

Type

  • Fix - Fixes an existing bug
  • Add - Adds functionality
  • Update - Update existing functionality
  • Dev - Development related task
  • Tweak - A minor adjustment to the codebase
  • Performance - Address performance issues
  • Enhancement - Improvement to existing functionality

Message

CYS: allow to the user to move the pattern.

Comment

Copy link
Contributor

github-actions bot commented May 9, 2024

Test using WordPress Playground

The changes in this pull request can be previewed and tested using a WordPress Playground instance.
WordPress Playground is an experimental project that creates a full WordPress instance entirely within the browser.

Test this pull request with WordPress Playground.

Note that this URL is valid for 30 days from when this comment was last updated. You can update it by closing/reopening the PR or pushing a new commit.

@gigitux gigitux self-assigned this May 10, 2024
@gigitux gigitux added focus: customize-your-store Issues related to the Customize Your Store onboarding flow. type: enhancement The issue is a request for an enhancement. labels May 10, 2024
@github-actions github-actions bot added the plugin: woocommerce Issues related to the WooCommerce Core plugin. label May 10, 2024
@gigitux gigitux marked this pull request as ready for review May 10, 2024 09:18
@woocommercebot woocommercebot requested review from a team and kmanijak and removed request for a team May 10, 2024 09:21
@gigitux gigitux requested review from albarin and nefeline May 10, 2024 09:25
@albarin
Copy link
Contributor

albarin commented May 13, 2024

@gigitux Thanks for working on this, I'm seeing a few issues:

  1. In the first template sidebar preview there are some errors.
  2. When I change to the second template and come back to the first, some headers and texts have disappeared.
  3. When entering the assembler the first time, there's no toolbar to move the patterns, it only appears when clicking on another template and coming back to the first.
CleanShot.2024-05-13.at.10.47.30.mp4

@gigitux
Copy link
Contributor Author

gigitux commented May 13, 2024

@gigitux Thanks for working on this, I'm seeing a few issues:

  1. In the first template sidebar preview there are some errors.
  2. When I change to the second template and come back to the first, some headers and texts have disappeared.
  3. When entering the assembler the first time, there's no toolbar to move the patterns, it only appears when clicking on another template and coming back to the first.

CleanShot.2024-05-13.at.10.47.30.mp4

Thanks, @albarin, for the review!

1 & 2 are not specifically related to this PR. It looks like there is a regression on Gutenberg (you have the same issue if you try Gutenberg's trunk). We have to double-check!

When entering the assembler the first time, there's no toolbar to move the patterns, it only appears when clicking on another template and coming back to the first.

The UX about the toolbar will be handled in another issue: #47371

@gigitux gigitux requested a review from nefeline May 13, 2024 12:15
Copy link
Contributor

Hi @nefeline, @kmanijak,

Apart from reviewing the code changes, please make sure to review the testing instructions as well.

You can follow this guide to find out what good testing instructions should look like:
https://github.com/woocommerce/woocommerce/wiki/Writing-high-quality-testing-instructions

@nefeline
Copy link
Member

It looks like there is a regression on Gutenberg (you have the same issue if you try Gutenberg's trunk). We have to double-check!

Could we investigate if this issue is indeed a consequence of a regression on GB and not from this PR?

@gigitux
Copy link
Contributor Author

gigitux commented May 14, 2024

Could we investigate if this issue is indeed a consequence of a regression on GB and not from this PR?

I checked the WooCommerce trunk branch, and I'm able to reproduce the issue :)

@gigitux gigitux mentioned this pull request May 16, 2024
11 tasks
@nefeline
Copy link
Member

Thanks for the updates @gigitux ! Sharing here my test results:

  • Whenever accessing the editor with the GB plugin disabled, I'm greeted with an error:
Screenshot 2024-05-16 at 13 09 09

Could we make a change to prevent this?

I checked the WooCommerce trunk branch, and I'm able to reproduce the issue :)

Cool, thanks: do you think its worth creating issues for these two? Maybe you already did, but flagging anyways just to make sure we are on the same page:

  • In the first template sidebar preview there are some errors.
  • When I change to the second template and come back to the first, some headers and texts have disappeared.

@gigitux
Copy link
Contributor Author

gigitux commented May 16, 2024

In the first template sidebar preview there are some errors.

This one is tracked by #47469!

When I change to the second template and come back to the first, some headers and texts have disappeared.

I'm not able to replicate it:
https://github.com/woocommerce/woocommerce/assets/4463174/2b247dc3-887e-47c2-a3c5-3b4f083f161b

Whenever accessing the editor with the GB plugin disabled, I'm greeted with an error:

I created an issue: #47545. I'm going to prioritize this!

@nefeline
Copy link
Member

Thanks!

I'm not able to replicate it:

Hm, yeah, I can't replicate it either. But I can replicate on this PR the same issue observed on #47356 regarding the scroll:

Screen.Recording.2024-05-17.at.09.51.32.mov

Just to confirm: do we have an issue open to solve this problem, in particular? If we do and we can prioritize it, I'm a-ok with approving/merging this PR 👌

@nefeline
Copy link
Member

Ah: can you also please update the description of this PR so it accounts for the changes on the feature flag & the fact that the PR on GB has already been merged? Thanks!

@gigitux
Copy link
Contributor Author

gigitux commented May 17, 2024

Just to confirm: do we have an issue open to solve this problem, in particular? If we do and we can prioritize it, I'm a-ok with approving/merging this PR 👌

I created a dedicated issue: #47570 - are you able to reproduce this issue on #47415?

Ah: can you also please update the description of this PR so it accounts for the changes on the feature flag & the fact that the PR on GB has already been merged? Thanks!

Done! Thanks for the review!

@nefeline
Copy link
Member

Done! Thanks for the review!

Thanks @gigitux ! Do you mind double-checking the testing instructions to see if they are accurate? I'm still seeing references to IS_TOOLBAR_ENABLED_FEATURE_FLAG.

@nefeline
Copy link
Member

Thanks for updating the PR testing instructions again 🙏

The notes I have here are very similar to the ones I shared on #47356 (review)

1- I think this was mentioned here earlier, but whenever clicking on "Design your homepage" for the very first time, the toolbar to move patterns is not displayed on the first template.
2. Even after the user leaves the "Design your homepage" section, they can still see the tooltip to move the patterns.

I'm ok with addressing those separately, as long as we have issues to solve the aforementioned problems.

Regarding the scroll problem:

are you able to reproduce this issue on #47415?

No, I'm not able to reproduce on #47415 : does this mean that you solved the problem via 47415? If yes, it would be nice to document those things here on this PR so the reviewers are aware of known issues and how they are being solved.

@gigitux
Copy link
Contributor Author

gigitux commented May 23, 2024

No, I'm not able to reproduce on #47415 : does this mean that you solved the problem via 47415? If yes, it would be nice to document those things here on this PR so the reviewers are aware of known issues and how they are being solved.

I changed nothing in the specific, so I'm not sure. It is better to keep the issue open.

1- I think this was mentioned here earlier, but whenever clicking on "Design your homepage" for the very first time, the toolbar to move patterns is not displayed on the first template.

#47752

  1. Even after the user leaves the "Design your homepage" section, they can still see the tooltip to move the patterns.

#47751

Created!

@nefeline
Copy link
Member

I changed nothing in the specific, so I'm not sure. It is better to keep the issue open.

Do you think you can determine whether this PR introduces this bug? I'm concerned about approving it, merging it as-is, and then not being able to scroll up and down in the frame anymore. This type of bug can block us from doing other unrelated work down the line.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
focus: customize-your-store Issues related to the Customize Your Store onboarding flow. plugin: woocommerce Issues related to the WooCommerce Core plugin. type: enhancement The issue is a request for an enhancement.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[CYS - Full Composability]: Render a toolbar on top of the selected pattern
3 participants