From e897014f7ca72efc8215a1e462831df681cebb7c Mon Sep 17 00:00:00 2001 From: TLabutis Date: Mon, 27 Jul 2026 13:53:09 +0300 Subject: [PATCH] DGS-437 Fix module CSS overriding theme focus styles on checkout forms pudo-shipment.css declared the focus rule as: .search-block-container .dpd-input-wrapper select.form-control:focus, input.form-control:focus Comma separated selectors do not inherit the prefix of the preceding selector, so the second one was a bare input.form-control:focus and matched every input on the page. The stylesheet is registered for the order, order-opc, ShipmentReturn and supercheckout controllers, which is exactly where the personal information and address forms render, so the DPD cyan focus ring replaced the theme focus style on those fields. input.form-control:focus (0-2-1) also outranks the theme's own .form-control:focus (0-2-0), so no theme could win on load order alone. Scoped the input half to .dpd-input-wrapper, which is the module phone field in carrier-phone-number.tpl. The select half keeps its existing scope since that element does live in the search block. Reported in DPDBaltics/PrestaShop#176 --- CHANGELOG.md | 3 +++ views/css/front/pudo-shipment.css | 4 ++-- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index d64c9d10..8f93fe70 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -204,3 +204,6 @@ - Added timeframes to shipment request - Fixed phone area code, city and street select width rendering as 0px when switching carriers in checkout - Fixed DPDBaltics menu item disappearing from sidebar when navigating to module pages + +## [3.3.2] +- Fixed module checkout CSS overriding theme focus styles on personal information and address form fields diff --git a/views/css/front/pudo-shipment.css b/views/css/front/pudo-shipment.css index 9f5ddb08..b15fcd5f 100644 --- a/views/css/front/pudo-shipment.css +++ b/views/css/front/pudo-shipment.css @@ -201,10 +201,10 @@ text-shadow: 0 0 0 #000; } -.search-block-container .dpd-input-wrapper select.form-control:focus, input.form-control:focus { +.search-block-container .dpd-input-wrapper select.form-control:focus, +.dpd-input-wrapper input.form-control:focus { box-shadow: 0 0 0 2px #2fb5d2; outline: none; - } .dpd-input-wrapper input:not([disabled]):focus ~ .dpd-input-placeholder,