From 81579b6739705e136dec80b10ccfe1069522cd95 Mon Sep 17 00:00:00 2001
From: Jeremy Stretch <jstretch@netboxlabs.com>
Date: Mon, 25 Aug 2025 15:58:21 -0400
Subject: [PATCH] Fixes #18916: Fix styling of dynamic dropdowns with invalid
 selection

---
 netbox/project-static/dist/netbox.css         | Bin 555527 -> 556937 bytes
 .../styles/overrides/_tomselect.scss          |   6 ++++++
 2 files changed, 6 insertions(+)

diff --git a/netbox/project-static/dist/netbox.css b/netbox/project-static/dist/netbox.css
index c96b4220dd0ab9caa56f04096b97efca20b3dd8e..faebb520c475b123f947cb2436e1fb37fc6b3854 100644
GIT binary patch
delta 1428
zcmZqwqS*OgaRc*Ro#ND-)Z`MqlKfl<D>X$gvsgDXuPiYqGetWkvrMm~Shu_=v7jKe
zX!3_U`nsg);JX{EPlS%N{Gwdl<ovvnqWqlcebyYBlP5eC-8}EEJd+iPx{;k5a7hJh
z&WHQzjC#bH0|^G0BeW+cJe+GmIFP^|fGI-+*n@|DmZVvX?EZBRr8et5QedLM2xt&Y
z{%}8Ovce_a$seBRDiL<j^uifz!raJCk$oC!Ojw^DBpx$Tle2+IsGzh27L3_0WN1dR
z-zpho=H&iG@{<i7@=msY&M{f{S%4j7hE6VjwvtjK6xWGNj=m`hOlBNFR~-lh`&u`>
zD8ID84wf8nXD#GpkL=sL{1OeTwEX1KV$I2Vx6CFVc`iL!;f2uTgcrO4WY_?62s~X{
zp<19k`NJ*g$tzztMeFF1VSHLnequ>xUOILk=$2=eWMt-PHotz+{`v(Y5HkTWGZ3=?
zF)I+WZGZiOeS<d<k%=gZrq^3>NKD^k!cnRS^BvA$o-S_#RO@ZZAuzq)ii2ajohgSj
t6G^sh4>ae{XC}fXen$@3=@%S01h-GH;<zA8gpO5i94gy${5WQ70|35cHI@JX

delta 282
zcmeDDuh{-YaRc++$xe4=CeOL+GyP&Co8;t#M^e-8ZfD`x9D7fkX>!;lxycUq#HKH}
z%qTX!VG<kf<UP;qCcnBQHaY&`dYFc@lUuI{Oy+znKKb1vuFY&u6tL^7n4EdtaPrdU
zDiD1NFA65x-cXu8!IDE@a_$X<$uTcDCL6ren7s3b=5(E8CZ5U9o=H#czs^1R`%90>
z{jcs%KKMFsa^su2=BT&rQEwT6m<foPftUq|S%H{sd(>O@4c^oLT5^a__p{_Eov!c5
xA+Vj-ibIKMx|TDCz;qy!eS4J+hXC_*DK{AZfj!4b;pugr96a0K1#`^S1_0|!e6s)m

diff --git a/netbox/project-static/styles/overrides/_tomselect.scss b/netbox/project-static/styles/overrides/_tomselect.scss
index 29aa9d361..4d2070fa0 100644
--- a/netbox/project-static/styles/overrides/_tomselect.scss
+++ b/netbox/project-static/styles/overrides/_tomselect.scss
@@ -6,3 +6,9 @@
     }
   }
 }
+
+// Replicate styling of tom-selected <select> fields tagged with .is-invalid to
+// their corresponding TomSelect dropdowns
+select.tomselected.is-invalid + div.ts-wrapper {
+  @extend .is-invalid;
+}