QUALITY PATCH

ACSD-58442: The system now treats devices with a width of 768px as desktop…

The system now treats devices with a width of 768px as desktop, ensuring that the menu and header load correctly. Quality patch ACSD-58442 for lib/web applies to Magento Open Source and Adobe Commerce 2.4.4 to 2.4.6-p15.

Categories
Other
Components
lib/web, magento/module-catalog, magento/module-product-video, magento/module-theme, magento/theme-frontend-blank, magento/theme-frontend-luma, magento/module-page-builder
Origin
adobe-commerce-support
Since QPT
1.1.50

Issue

The system now treats devices with a width of 768px as desktop, ensuring that the menu and header load correctly. Previously, devices with a width of 768px were treated as mobile, causing the menu and header to load in a mobile view.

Steps to reproduce

1. Load the homepage on an iPad Mini or use a browser's inspect tool to resize the browser to a width of 768px. 1. Open the main menu.

Adobe's page lists 2.4.4 - 2.4.6-p7 as compatible; the versions below are resolved from the current QPT constraints and are the ones the tool will offer.

Adobe scheduled the permanent fix for 2.4.8.

Install

Install the Quality Patches Tool with composer require magento/quality-patches, apply the prerequisites listed for all files applicable to your distribution and version first, then run vendor/bin/magento-patches apply ACSD-58442. On Cloud, add ACSD-58442 under stage.build.QUALITY_PATCHES in .magento.env.yaml.

For cweagans/composer-patches, choose a compatible version below and download the bundle. Copy its ACSD-58442/ folder into patches/composer/, merge composer.patches.json into composer.json, then run composer install. Bundle prerequisites the same way and list them first. Paths are relative to each package root, using the default -p1 level. Prefer local files when configuring composer-patches; a remote URL can change.

Patch files and compatible versions

Packages across compatible versions (7): magento/module-catalog, magento/module-product-video, magento/module-theme, magento/theme-frontend-blank, magento/theme-frontend-luma, magento/magento2-base, magento/module-page-builder
Packages across compatible versions (7): magento/module-catalog, magento/module-product-video, magento/module-theme, magento/theme-frontend-blank, magento/theme-frontend-luma, magento/magento2-base, magento/module-page-builder

magento/magento2-base >=2.4.4 <2.4.7

Magento Open Source
2.4.6-p15, 2.4.6-p14, 2.4.6-p13, 2.4.6-p12, 2.4.6-p11, 2.4.6-p10, 2.4.6-p9, 2.4.6-p8, 2.4.6-p7, 2.4.6-p6, 2.4.6-p5, 2.4.6-p4, 2.4.6-p3, 2.4.6-p2, 2.4.6-p1, 2.4.6, 2.4.5-p17, 2.4.5-p16, 2.4.5-p15, 2.4.5-p14, 2.4.5-p13, 2.4.5-p12, 2.4.5-p11, 2.4.5-p10, 2.4.5-p9, 2.4.5-p8, 2.4.5-p7, 2.4.5-p6, 2.4.5-p5, 2.4.5-p4, 2.4.5-p3, 2.4.5-p2, 2.4.5-p1, 2.4.5, 2.4.4-p18, 2.4.4-p17, 2.4.4-p16, 2.4.4-p15, 2.4.4-p14, 2.4.4-p13, 2.4.4-p12, 2.4.4-p11, 2.4.4-p10, 2.4.4-p9, 2.4.4-p8, 2.4.4-p7, 2.4.4-p6, 2.4.4-p5, 2.4.4-p4, 2.4.4-p3, 2.4.4-p2, 2.4.4-p1, 2.4.4
Adobe Commerce
2.4.6-p15, 2.4.6-p14, 2.4.6-p13, 2.4.6-p12, 2.4.6-p11, 2.4.6-p10, 2.4.6-p9, 2.4.6-p8, 2.4.6-p7, 2.4.6-p6, 2.4.6-p5, 2.4.6-p4, 2.4.6-p3, 2.4.6-p2, 2.4.6-p1, 2.4.6, 2.4.5-p17, 2.4.5-p16, 2.4.5-p15, 2.4.5-p14, 2.4.5-p13, 2.4.5-p12, 2.4.5-p11, 2.4.5-p10, 2.4.5-p9, 2.4.5-p8, 2.4.5-p7, 2.4.5-p6, 2.4.5-p5, 2.4.5-p4, 2.4.5-p3, 2.4.5-p2, 2.4.5-p1, 2.4.5, 2.4.4-p18, 2.4.4-p17, 2.4.4-p16, 2.4.4-p15, 2.4.4-p14, 2.4.4-p13, 2.4.4-p12, 2.4.4-p11, 2.4.4-p10, 2.4.4-p9, 2.4.4-p8, 2.4.4-p7, 2.4.4-p6, 2.4.4-p5, 2.4.4-p4, 2.4.4-p3, 2.4.4-p2, 2.4.4-p1, 2.4.4
Patch file
patches/os/ACSD-58442_2.4.6-p3.patch
  • vendor/magento/module-catalog/Plugin/Block/Topmenu.php
  • vendor/magento/module-product-video/view/frontend/web/js/fotorama-add-video-events.js
  • vendor/magento/module-theme/Block/Html/Topmenu.php
  • vendor/magento/theme-frontend-blank/etc/view.xml
  • vendor/magento/theme-frontend-luma/etc/view.xml
  • lib/web/css/source/lib/_responsive.less
  • lib/web/mage/menu.js

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.