[WC-2022] combobox internal release finalize style (#66)

mendix · Sep 8, 2023 · 641edc3 · 641edc3
2 parents 9e1249c + e0f5347
commit 641edc3
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 7 deletions.
diff --git a/packages/atlas-core/CHANGELOG.md b/packages/atlas-core/CHANGELOG.md
@@ -6,9 +6,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Added
+
+-   We improved styles for form controls when they are focused.
+
 ## [3.11.3] Atlas Core - 2023-9-1
 
-## Added
+### Added
 
 -   We added focus state styling to PopupLayout close button.
 

diff --git a/packages/atlas-core/package.json b/packages/atlas-core/package.json
@@ -1,7 +1,7 @@
 {
   "name": "atlas-core",
   "moduleName": "Atlas Core",
-  "version": "3.11.3",
+  "version": "3.11.4",
   "license": "Apache-2.0",
   "copyright": "© Mendix Technology BV 2022. All rights reserved.",
   "repository": {

diff --git a/packages/atlas/src/themesource/atlas_core/web/core/widgets/_input.scss b/packages/atlas/src/themesource/atlas_core/web/core/widgets/_input.scss
@@ -38,11 +38,14 @@
         }
     }
 
-    .form-control:not([readonly]):focus {
-        border-color: $form-input-border-focus-color;
-        outline: 0;
-        background-color: $form-input-bg-focus;
-        box-shadow: none;
+    .form-control:not([readonly]) {
+        &:focus,
+        &:focus-within {
+            border-color: $form-input-border-focus-color;
+            outline: 0;
+            background-color: $form-input-bg-focus;
+            box-shadow: none;
+        }
     }
 
     .form-control[disabled],