UPSTREAM FIX

magento2-36982: Checkout progress bar hidden in mobile and tablet view

Community fix magento2-36982 merged into magento/magento2 on 2024-12-04, released in 2.4.8; applies cleanly to 27 releases from 2.4.6 to 2.4.7-p10.

Fixes the checkout progress bar hidden in mobile and tablet view edited

Pull request title
No link to shipping when in payments in checkout in mobile phone view
Pull request
magento/magento2#36982
Issues
#36856 human
Author
@nidhigupta13-ey
Merged
2024-12-04
Fixed in
2.4.8
Reported on
2.4.5
Categories
—
Components
magento/magento2-base

Labels

Area
Admin UI
Component
—
Priority
P2
Severity
—
Reported on (labels)
2.4.5

Issue

Title and steps come from the upstream issue and pull request.

Description

The checkout titles/links "Shipping" and "Review & Payments" are hidden from the top of the page.
If you rotate your phone or widen the screen in dev tools in browser they show up.

Steps to reproduce

Use a mobile phone or mobile view in browser dev tools
1. Add an item to checkout
1. Go to checkout
1. Fill in the shipping data and click next
1. Being in payment mode there is no way to go back. There is no link to shipping. The checkout titles/links "Shipping" and "Review & Payments" are hidden from the top of the page.

Expected result

The checkout titles/links "Shipping" and "Review & Payments" should always be visible on top of the page to help users know at which step they are and to allow corrections on the shipping when being in payments.

Actual result

The checkout titles/links "Shipping" and "Review & Payments" are hidden from the top of the page.
If you rotate your phone or widen the screen in dev tools in browser they show up.

Taken from the upstream issue.

Code match per tag

Each tag was checked with git apply --check against that tag's files. A clean match means the change applies; it is not a test result. Tags that already contain the fix are marked.

LineCode match per tagTests
2.4.6
2.4.6 clean 2.4.6-p1 clean 2.4.6-p2 clean 2.4.6-p3 clean 2.4.6-p4 clean 2.4.6-p5 clean 2.4.6-p6 clean 2.4.6-p7 clean 2.4.6-p8 clean 2.4.6-p9 clean 2.4.6-p10 clean 2.4.6-p11 clean 2.4.6-p12 clean 2.4.6-p13 clean 2.4.6-p14 clean 2.4.6-p15 clean
2.4.6: no test data 2.4.6-p1: no test data 2.4.6-p2: no test data 2.4.6-p3: no test data 2.4.6-p4: no test data 2.4.6-p5: no test data 2.4.6-p6: no test data 2.4.6-p7: no test data 2.4.6-p8: no test data 2.4.6-p9: no test data 2.4.6-p10: no test data 2.4.6-p11: no test data 2.4.6-p12: no test data 2.4.6-p13: no test data 2.4.6-p14: no test data 2.4.6-p15: no test data
2.4.7
2.4.7 clean 2.4.7-p1 clean 2.4.7-p2 clean 2.4.7-p3 clean 2.4.7-p4 clean 2.4.7-p5 clean 2.4.7-p6 clean 2.4.7-p7 clean 2.4.7-p8 clean 2.4.7-p9 clean 2.4.7-p10 clean
2.4.7: no test data 2.4.7-p1: no test data 2.4.7-p2: no test data 2.4.7-p3: no test data 2.4.7-p4: no test data 2.4.7-p5: no test data 2.4.7-p6: no test data 2.4.7-p7: no test data 2.4.7-p8: no test data 2.4.7-p9: no test data 2.4.7-p10: no test data
2.4.8
2.4.8 conflictcontains the fix 2.4.8-p1 conflictcontains the fix 2.4.8-p2 conflictcontains the fix 2.4.8-p3 conflictcontains the fix 2.4.8-p4 conflictcontains the fix 2.4.8-p5 conflictcontains the fix
2.4.8: no test data 2.4.8-p1: no test data 2.4.8-p2: no test data 2.4.8-p3: no test data 2.4.8-p4: no test data 2.4.8-p5: no test data
2.4.9
2.4.9 conflictcontains the fix
2.4.9: no test data

Triage

Model @cf/cloudflare/clef. Probability this is a bug fix: 97.6%. Probability it is security relevant: 0.7%.

Show the model's answers and probabilities
QuestionAnswerProbabilitiesConfidence
Change kindbugfixbugfix 95.9%, refactor 1.3%, feature 0.8%, tests_only 0.7%, docs_only 0.6%, dependency 0.6%90.4%
Areacheckoutcheckout 64.8%, frontend 33.2%, admin 0.5%46.3%
Reported version2.4.52.4.5 52.2%, 2.4.5-p4 1.6%, 2.4.5-p1 1.5%26.7%
Scope0.63 of 20 46.9%, 1 43.5%, 2 9.5%12.8%
Risk0.74 of 20 51.4%, 2 25.0%, 1 23.5%7.4%
Worth backporting1.47 of 22 60.0%, 1 26.7%, 0 13.3%17.3%

Download

For cweagans/composer-patches, choose a version below and download the bundle. Copy its magento2-36982/ folder into patches/composer/, merge composer.patches.json into composer.json, then run composer install. Test files are always removed; paths are relative to each package root, using the default -p1 level.

Packages (1): magento/magento2-base
Bundle README (what the ZIP ships)
# magento2-36982

Community fix merged upstream into magento/magento2, adapted by magento.watch.
This is not a patch published by Adobe.

Pull request: https://github.com/magento/magento2/pull/36982
Issue: https://github.com/magento/magento2/issues/36856
Author: @nidhigupta13-ey
Source commit: b7472b527f68bb07f11cf334add81b5fdb654596
Modifications: test files and documentation removed, paths rewritten relative to each Composer package.
Licence: OSL-3.0 / AFL-3.0, as the original Magento Open Source code.
Maintainer: Łukasz Bajsarowicz (@lbajsarowicz)

Licence: Magento Open Source code under OSL-3.0 and AFL-3.0. The bundle carries the original author, source commit and the list of modifications.

Sources

Łukasz Bajsarowicz
Built by

Łukasz Bajsarowicz, e-commerce architect

Magento and Adobe Commerce architecture, upgrades, performance and audits for merchants and agencies since 2015; magento.watch is the tooling I use on those projects.

Open source, maintained on weekends.