Merge branch 'dev' into off-circle

Author: T4rk1n

.github/CODEOWNERS

@@ -1,3 +1,3 @@
 # These owners will be the default owners for everything in
 # the repo. Unless a later match takes precedence
-* @T4rk1n @ndrezn @camdecoster
+* @T4rk1n @ndrezn @camdecoster @KoolADE85

CHANGELOG.md

@@ -2,17 +2,20 @@
 All notable changes to `dash` will be documented in this file.
 This project adheres to [Semantic Versioning](https://semver.org/).
 
-## [UNRELEASED]
+## [4.1.0] - 2026-03-23
 
 ## Added
 - [#3637](https://github.com/plotly/dash/pull/3637)  Added `debounce` prop to `Dropdown`.
 
 ## Fixed
 - [#3629](https://github.com/plotly/dash/pull/3629) Fix date pickers not showing date when initially rendered in a hidden container.
+- [#3660][(](https://github.com/plotly/dash/pull/3660)) Allow same date to be selected for both start and end in DatePickerRange components
+- [#3600][(](https://github.com/plotly/dash/pull/3600)) DatePicker support for the Moment.js `Y` year token
 - [#3627][(](https://github.com/plotly/dash/pull/3627)) Make dropdowns searchable wheen focused, without requiring to open them first
 - [#3656][(](https://github.com/plotly/dash/pull/3656)) Improved dropdown performance for large collections of options
-- [#3660][(](https://github.com/plotly/dash/pull/3660)) Allow same date to be selected for both start and end in DatePickerRange components
-
+- [#3643][(](https://github.com/plotly/dash/pull/3643)) Fix multiselect dropdown with components as labels
+- [#3609][(](https://github.com/plotly/dash/pull/3609)) Add backward compat alias for _Wildcard
+- [#3672][(](https://github.com/plotly/dash/pull/3672)) Improve browser performance when app contains a large number of pattern matching callback callbacks. Exposes an api endpoint to fetch the latest computeGraph call.
 
 
 ## [4.0.0] - 2026-02-03

components/dash-core-components/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "dash-core-components",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "Core component suite for Dash",
   "repository": {
     "type": "git",

components/dash-core-components/package.json

@@ -49,7 +49,7 @@ export const OptionLabel: React.FC<OptionLabelProps> = ({
                     <ExternalWrapper
                         key={i}
                         component={label}
-                        componentPath={[...ctx.componentPath, index, i]}
+                        componentPath={[...ctx.componentPath, String(value), i]}
                     />
                 ))}
             </>

components/dash-core-components/src/utils/optionRendering.tsx

@@ -1,7 +1,7 @@
 import pytest
 from dash import Dash, Input, Output
 from dash.dcc import Dropdown
-from dash.html import Div, Label, P
+from dash.html import Div, Label, P, Span
 from selenium.common.exceptions import TimeoutException
 from selenium.webdriver.common.keys import Keys
 from selenium.webdriver.common.action_chains import ActionChains
@@ -732,3 +732,40 @@ def is_visible(el):
         )
 
     return all([is_visible(el) for el in elements])
+
+
+def test_a11y009_dropdown_component_labels_render_correctly(dash_duo):
+    app = Dash(__name__)
+    app.layout = Div(
+        [
+            Dropdown(
+                options=[
+                    {"label": Span("red"), "value": "red"},
+                    {"label": Span("yellow"), "value": "yellow"},
+                    {"label": Span("blue"), "value": "blue"},
+                ],
+                value=["red", "yellow", "blue"],
+                id="components-label-dropdown",
+                multi=True,
+            ),
+        ]
+    )
+
+    dash_duo.start_server(app)
+
+    dash_duo.find_element("#components-label-dropdown").click()
+    dash_duo.wait_for_element(".dash-dropdown-options")
+
+    # Click  on the "yellow" option
+    yellow_option = dash_duo.find_element(
+        '.dash-dropdown-option:has(input[value="yellow"])'
+    )
+    yellow_option.click()
+
+    # After interaction, verify the options render correctly
+    option_elements = dash_duo.find_elements(".dash-dropdown-option")
+    rendered_labels = [el.text.strip() for el in option_elements]
+
+    assert rendered_labels == ["red", "yellow", "blue"]
+
+    assert dash_duo.get_logs() == []

components/dash-core-components/tests/integration/dropdown/test_a11y.py

@@ -190,8 +190,13 @@ def update_value(val):
 
     # Attempt to deselect all items. Everything should deselect until we get to
     # the last item which cannot be cleared.
-    selected = dash_duo.find_elements(".dash-dropdown-options input[checked]")
-    [el.click() for el in selected]
+    # Click MTL option container
+    mtl_option = dash_duo.find_element('.dash-dropdown-option:has(input[value="MTL"])')
+    mtl_option.click()
+
+    # Click SF option container
+    sf_option = dash_duo.find_element('.dash-dropdown-option:has(input[value="SF"])')
+    sf_option.click()
 
     assert dash_duo.find_element("#dropdown-value").text == "SF"
 

components/dash-core-components/tests/integration/dropdown/test_clearable_false.py

@@ -1,6 +1,6 @@
 {
   "name": "dash-html-components",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "Vanilla HTML components for Dash",
   "main": "lib/index.js",
   "repository": {
@@ -58,6 +58,6 @@
     "/dash_html_components/*{.js,.map}"
   ],
   "browserslist": [
-    "last 10 years and not dead"
+    "last 11 years and not dead"
   ]
 }