Merge branch 'dev' into claude-init

Author: T4rk1n

CHANGELOG.md

@@ -12,6 +12,7 @@ This project adheres to [Semantic Versioning](https://semver.org/).
 
 ## Fixed
 - [#3690](https://github.com/plotly/dash/pull/3690) Fixes Input when min or max is set to None
+- [#3723](https://github.com/plotly/dash/pull/3723) Fix misaligned `dcc.Slider` marks when some labels are empty strings
 
 ## [4.1.0] - 2026-03-23
 

components/dash-core-components/src/components/Graph.react.js

@@ -550,6 +550,11 @@ PlotlyGraph.propTypes = {
          * plot rather than registering them globally.
          */
         locales: PropTypes.object,
+
+        /**
+         * Determines whether or not notifier is displayed
+         */
+        displayNotifier: PropTypes.bool,
     }),
 
     /**

components/dash-core-components/src/components/css/sliders.css

@@ -92,6 +92,7 @@
 .dash-slider-mark {
     position: absolute;
     font-size: 12px;
+    height: 12px;
     line-height: 12px;
     color: var(--Dash-Text-Strong);
     white-space: nowrap;

components/dash-core-components/tests/integration/sliders/test_sliders.py

@@ -734,3 +734,30 @@ def update_rangeslider(value):
     dash_dcc.wait_for_text_to_equal("#rangeslider-output", "RangeSlider: 10-75")
 
     assert dash_dcc.get_logs() == []
+
+
+def test_slsl020_empty_mark_labels_keep_tick_alignment(dash_dcc):
+    app = Dash(__name__)
+    marks = {val: (str(val) if val % 10 == 0 else "") for val in range(0, 151, 5)}
+
+    app.layout = dcc.Slider(
+        id="slider-empty-mark-labels",
+        min=0,
+        max=150,
+        step=None,
+        value=0,
+        marks=marks,
+    )
+
+    dash_dcc.start_server(app)
+    dash_dcc.wait_for_element("#slider-empty-mark-labels")
+
+    rendered_marks = dash_dcc.find_elements(
+        "#slider-empty-mark-labels .dash-slider-mark"
+    )
+    labeled_mark = next(mark for mark in rendered_marks if mark.text)
+    empty_mark = next(mark for mark in rendered_marks if not mark.text)
+
+    assert labeled_mark.size["height"] == 12
+    assert empty_mark.size["height"] == labeled_mark.size["height"]
+    assert dash_dcc.get_logs() == []

components/dash-core-components/tests/integration/tab/test_tabs_with_graphs.py

@@ -1,7 +1,5 @@
 from dash import Dash, Input, Output, dcc, html
 from dash.exceptions import PreventUpdate
-import json
-import os
 import pytest
 from selenium.webdriver.common.by import By
 from selenium.webdriver.support import expected_conditions as EC
@@ -185,43 +183,4 @@ def on_click_update_graph(n_clicks):
     time.sleep(1)
     dash_dcc.percy_snapshot(f"Tabs-2 rendered ({is_eager})")
 
-    # do some extra tests while we're here
-    # and have access to Graph and plotly.js
-    check_graph_config_shape(dash_dcc)
-
-    assert dash_dcc.get_logs() == []
-
-
-def check_graph_config_shape(dash_dcc):
-    config_schema = dash_dcc.driver.execute_script(
-        "return Plotly.PlotSchema.get().config;"
-    )
-    with open(os.path.join(dcc.__path__[0], "metadata.json")) as meta:
-        graph_meta = json.load(meta)["src/components/Graph.react.js"]
-        config_prop_shape = graph_meta["props"]["config"]["type"]["value"]
-
-    ignored_config = [
-        "setBackground",
-        "showSources",
-        "logging",
-        "globalTransforms",
-        "notifyOnLogging",
-        "role",
-        "typesetMath",
-    ]
-
-    def crawl(schema, props):
-        for prop_name in props:
-            assert prop_name in schema
-
-        for item_name, item in schema.items():
-            if item_name in ignored_config:
-                continue
-
-            assert item_name in props
-            if "valType" not in item:
-                crawl(item, props[item_name]["value"])
-
-    crawl(config_schema, config_prop_shape)
-
     assert dash_dcc.get_logs() == []