CupertinoSlider with null onChanged doesn't display as disabled #106691

Activity

1. TahaTesser

   added

   in triagePresently being triaged by the triage teamPresently being triaged by the triage team

   frameworkflutter/packages/flutter repository. See also f: labels.flutter/packages/flutter repository. See also f: labels.

   p: cupertino_uicupertino_ui package in flutter/packagescupertino_ui package in flutter/packages

   and removed

   in triagePresently being triaged by the triage teamPresently being triaged by the triage team

   on Jun 28, 2022
2. TahaTesser

   self-assigned this

   on Jun 28, 2022
3. TahaTesser commented on Jun 28, 2022

   

   TahaTesser

   on Jun 28, 2022

   Last edited by TahaTesser

   Contributor

   More actions

   @guidezpl
   Great catch! Here is a quick comparison between Flutter and iOS Storyboard (both disabled).

   Flutter	iOS

   code sample

   import 'package:flutter/cupertino.dart';
   
   void main() => runApp(const MyApp());
   
   class MyApp extends StatefulWidget {
     const MyApp({super.key});
   
     @override
     State<MyApp> createState() => _MyAppState();
   }
   
   class _MyAppState extends State<MyApp> {
     double sliderValue = 50.0;
     bool enabled = true;
   
     @override
     Widget build(BuildContext context) {
       return CupertinoApp(
         title: 'Cupertino App',
         theme: const CupertinoThemeData(brightness: Brightness.light),
         home: CupertinoPageScaffold(
           navigationBar: const CupertinoNavigationBar(
             middle: Text('CupertinoSlider'),
           ),
           child: Center(
             child: Column(
               mainAxisAlignment: MainAxisAlignment.center,
               children: <Widget>[
                 CupertinoSlider(
                   value: sliderValue,
                   max: 100.0,
                   onChanged: enabled ? (double value) {
                     setState(() {
                       sliderValue = value;
                     });
                   } : null,
                 ),
                 const SizedBox(height: 100),
                 CupertinoButton.filled(
                   onPressed: () {
                     setState(() {
                       enabled = !enabled;
                     });
                   },
                   child:
                       Text('${enabled ? 'disable' : 'enable'} CupertinoSlider'),
                 )
               ],
             ),
           ),
         ),
       );
     }
   }
   
4. helinanever

   moved this to To do in Nevercodeon Jul 18, 2022
5. helinanever

   added this to Nevercodeon Jul 18, 2022
6. TahaTesser

   removed their assignment

   on Oct 4, 2022
7. TahaTesser

   removed this from Nevercodeon Oct 4, 2022
8. Piinks

   added

   P2Important issues not at the top of the work listImportant issues not at the top of the work list

   on Oct 20, 2022
9. flutter-triage-bot

   added

   multiteam-retriage-candidate

   team-designOwned by Design Languages teamOwned by Design Languages team

   triaged-designTriaged by Design Languages teamTriaged by Design Languages team

   on Jul 8, 2023
10. Hixie

    removed

    multiteam-retriage-candidate

    on Mar 6, 2024
11. Piinks

    added

    packageflutter/packages repository. See also p: labels.flutter/packages repository. See also p: labels.

    and removed

    frameworkflutter/packages/flutter repository. See also f: labels.flutter/packages/flutter repository. See also f: labels.

    on Aug 18, 2026
12. LahaLuhem commented on Oct 28, 2026

    

    LahaLuhem

    on Oct 28, 2026

    More actions

    Screen readers miss it too. A disabled CupertinoSlider has no enabled state, so VoiceOver never says "dimmed", as it does for a disabled UISlider. flutter/packages#13419 dims it and flutter/packages#12710 keeps its value, but neither sets the enabled state.

    Widget test

    import 'package:cupertino_ui/cupertino_ui.dart';
    import 'package:flutter_test/flutter_test.dart';
    
    void main() {
      testWidgets('a disabled CupertinoSlider tells screen readers it is disabled', (tester) async {
        final semantics = tester.ensureSemantics();
        await tester.pumpWidget(
          const CupertinoApp(home: Center(child: CupertinoSlider(value: 0.5, onChanged: null))),
        );
    
        expect(
          tester.getSemantics(find.byType(CupertinoSlider)),
          // Fails: no enabled state.
          containsSemantics(isSlider: true, hasEnabledState: true, isEnabled: false),
        );
        semantics.dispose();
      });
    }
13. auto-submit

    closed this as completedin e81cfdeon Nov 11, 2026
14. mackings

    added a commit that references this issue on Nov 11, 2026

    [cupertino_ui] Dim disabled CupertinoSlider controls (flutter#13419)

    ...

    e81cfde