Product Gallery block: Focus should return to trigger element when closing pop-up

[thealexandrelara]

Submission Review Guidelines:

• I have followed the WooCommerce Contributing Guidelines and the WordPress Coding Standards.
• I have checked to ensure there aren't other open Pull Requests for the same update/change.
• I have reviewed my code for security best practices.
• Following the above guidelines will result in quick merges and clear and detailed feedback when appropriate.

Changes proposed in this Pull Request:

Closes #43761 .

How to test the changes in this Pull Request:

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

1. Navigate to Single Product template (Appearance > Editor > Templates > Single Product template).
2. Click on "Edit" to open the Template editor.
3. In the editor, you should see a block inserter icon or an option to "Add Block." Click on it.
4. In the block inserter, search for "Product Gallery" or browse through the available blocks until you find it.
5. Click on the "Product Gallery" block to add it to your content.
6. Visit a product with multiple images.
7. Using the keyboard, press 'Tab' multiple times until you select the "View All" button;
8. Press 'Enter' or 'Space' to open the Product Gallery Pop-Up;
9. Press 'Esc' to close the pop-up once it is open.
10. Make sure the focus returns to the trigger element (the View All button);
11. Keep pressing 'Tab' until you select the Large Image;
12. Press 'Enter' to open the Product Gallery Pop-Up again.
13. Press 'Esc' to close the pop-up once it is open.
14. Make sure the focus returns to the trigger element (the Large Image);

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

Focus return to the trigger element when closing the Product Gallery Pop-Up

Comment

[github-actions]

Hi @Aljullu,

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

[github-actions]

Test Results Summary

Commit SHA: dbf3b1b

Test 🧪	Passed ✅	Failed 🚨	Broken 🚧	Skipped ⏭️	Unknown ❔	Total 📊	Duration ⏱️
API Tests	259	0	0	2	0	261	0m 37s
E2E Tests	62	0	0	248	0	310	5m 27s

---

To view the full API test report, click here.
To view the full E2E test report, click here.
To view all test reports, visit the WooCommerce Test Reports Dashboard.

[Aljullu]

Good catch with this! LGTM 🚢