Token input (e.g. conversation username) color overridden by user agent stylesheet

Affected version
2.2.2

Steffen

Well-known member
Token input elements (used for example when adding users to a conversation): The "input" CSS class is not added directly to the input element generated by Select2 but to a container element. This causes the user-agent stylesheet (e.g. input { color: -internal-light-dark(black, white); } in Chrome 87) to have precedence over colors defined by XenForo's style system for .input. This causes problems in dark themes where a dark font (defined in the user agent stylesheet) is rendered on a dark background (defined in the XenForo style).

Patch:
Diff:
--- a/src/addons/XF/_data/templates.xml
+++ b/src/addons/XF/_data/templates.xml
@@ -67859,6 +67859,7 @@ a
 				.select2-search__field
 				{
 					border: none;
+					color: inherit;
 					padding: 1px 0;
 					margin-top: 5px;
 					background: transparent;
 
Last edited:
Top