From: Mark Otto <markd.otto@gmail.com>
Date: Fri, 15 May 2026 03:25:39 +0000 (-0700)
Subject: Couple chips follow ups (#42411)
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2beb42e339e94e24ab52508896747c8b673370c1;p=thirdparty%2Fbootstrap.git

Couple chips follow ups (#42411)

* Fix some disabled

* Disable smooth scroll to start
---

diff --git a/scss/_config.scss b/scss/_config.scss
index cdab5f393d..96667f43da 100644
--- a/scss/_config.scss
+++ b/scss/_config.scss
@@ -31,7 +31,7 @@ $enable-shadows:              true !default;
 $enable-gradients:            true !default;
 $enable-transitions:          true !default;
 $enable-reduced-motion:       true !default;
-$enable-smooth-scroll:        true !default;
+$enable-smooth-scroll:        false !default;
 $enable-grid-classes:         true !default;
 $enable-container-classes:    true !default;
 $enable-cssgrid:              true !default;
diff --git a/scss/forms/_chip-input.scss b/scss/forms/_chip-input.scss
index 7236c0d0bd..1fb6db3101 100644
--- a/scss/forms/_chip-input.scss
+++ b/scss/forms/_chip-input.scss
@@ -60,6 +60,11 @@ $chip-input-tokens: defaults(
       background-color: var(--bg-2);
       opacity: 1;
 
+      &:focus-within {
+        border-color: var(--control-border-color);
+        outline: 0;
+      }
+
       > .chip {
         pointer-events: none;
         opacity: var(--control-disabled-opacity);
diff --git a/site/src/content/docs/forms/chips.mdx b/site/src/content/docs/forms/chips.mdx
index 5c90cd563d..331aaf8fb7 100644
--- a/site/src/content/docs/forms/chips.mdx
+++ b/site/src/content/docs/forms/chips.mdx
@@ -136,16 +136,16 @@ Use a form label for better accessibility.
 
 ### Disabled
 
-Disable the ghost input to prevent adding new chips. Existing chips become non-interactive.
+Disable the ghost input to prevent adding new chips, and disable the dismiss buttons on existing chips. Existing chips become non-interactive.
 
 <Example code={`<div class="chip-input theme-primary" data-bs-chips>
     <span class="chip">
       Read only
-      <button type="button" class="chip-dismiss" aria-label="Remove">
+      <button type="button" class="chip-dismiss" aria-label="Remove" disabled><!--[!code highlight]-->
         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="4" y1="4" x2="12" y2="12"/><line x1="12" y1="4" x2="4" y2="12"/></svg>
       </button>
     </span>
-    <input type="text" class="form-ghost" placeholder="Disabled..." disabled>
+    <input type="text" class="form-ghost" placeholder="Disabled..." disabled><!--[!code highlight]-->
   </div>`} />
 
 ## Usage