throw an error if there is more than 5000 slider marks

Author: T4rk1n

components/dash-core-components/src/fragments/Slider.react.js

@@ -17,6 +17,8 @@ import {
 } from '../utils/formatSliderTooltip';
 import LoadingElement from '../utils/LoadingElement';
 
+const MAX_SLIDER_MARKS = 5000;
+
 const sliderProps = [
     'min',
     'max',
@@ -76,6 +78,15 @@ export default class Slider extends Component {
         } = this.props;
         const value = this.state.value;
 
+        // Validate marks count
+        if (marks && Object.keys(marks).length > MAX_SLIDER_MARKS) {
+            throw new Error(
+                'Slider marks cannot exceed 5000 items. Received ' +
+                    Object.keys(marks).length +
+                    ' marks.'
+            );
+        }
+
         let tipProps, tipFormatter;
         if (tooltip) {
             /**

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

@@ -616,3 +616,24 @@ def test_sls016_sliders_format_tooltips(dash_dcc):
     dash_dcc.percy_snapshot("sliders-format-tooltips")
 
     assert dash_dcc.get_logs() == []
+
+
+def test_slsl017_slider_marks_limit_exceeded(dash_dcc):
+    app = Dash()
+
+    # Create a slider with 5001 marks (should fail)
+    marks_5001 = {i: str(i) for i in range(5001)}
+
+    app.layout = html.Div(
+        [
+            html.Div(id="loaded", children="loaded"),
+            dcc.Slider(id="slider-5001", min=0, max=5000, marks=marks_5001, value=2500),
+        ]
+    )
+
+    dash_dcc.start_server(app)
+
+    dash_dcc.wait_for_text_to_equal("#loaded", "loaded")
+    # Check that an error was logged
+    logs = dash_dcc.get_logs()
+    assert any("Slider marks cannot exceed 5000 items" in str(log) for log in logs)